body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#e8f5e9;color:#1b5e20;font-family:Poppins,sans-serif;margin:0;padding:0;text-align:center}.container{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.header{background:#2e7d32;box-shadow:0 4px 6px #0000001a;color:#fff;overflow:hidden;padding:20px;position:relative;width:100%}.header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%23fff' fill-opacity='.1'%3E%3Cpath d='M40 0C17.909 0 0 17.909 0 40s17.909 40 40 40 40-17.909 40-40S62.091 0 40 0zm0 70c-16.569 0-30-13.431-30-30 0-16.569 13.431-30 30-30 16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30z'/%3E%3Cpath d='M50 30c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10z'/%3E%3C/g%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:0}.header-content{position:relative;z-index:1}.header h1{align-items:center;display:inline-flex;font-size:32px;justify-content:center;margin:0;text-shadow:2px 2px 4px #0003}.header p{font-size:18px;margin-top:10px;opacity:.9}.game-container{margin-top:30px;perspective:1000px}.card{animation:fadeIn .5s ease-in-out,float 3s ease-in-out infinite;background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000001a;padding:30px;text-align:center;transition:transform .3s ease-in-out;width:350px}.card:hover{transform:translateY(-5px) rotateX(5deg)}.card h2{color:#2e7d32;font-size:26px;margin-bottom:20px}.input-box{border:2px solid #81c784;border-radius:25px;font-size:16px;margin:15px 0;padding:12px;text-align:center;transition:all .3s ease-in-out;width:90%}.input-box:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3233;outline:none}.guess-btn{background-color:#4caf50;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 25px;transition:all .3s ease-in-out}.guess-btn:hover{background-color:#45a049;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.guess-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.hint{color:#555;font-size:13px;margin-top:5px;padding:25px}.hint-btn{background-color:#ffa726;border:none;border-radius:20px;box-shadow:0 3px 5px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:8px 15px;transition:all .3s ease-in-out;width:70%}.hint-btn:hover{background-color:#fb8c00;box-shadow:0 5px 7px #00000026;transform:translateY(-1px)}.country-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:12px auto;border:2px solid #81c784;border-radius:25px;cursor:pointer;font-size:16px;margin:15px 0;padding:12px;text-align-last:center;transition:all .3s ease-in-out;width:90%}.country-select:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3233;outline:none}.footer{color:#1b5e20;font-size:16px;font-weight:500;margin-top:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.score{background-color:#e8f5e9;border-radius:10px;color:#2e7d32;display:inline-block;font-size:16px;font-weight:700;margin-top:2px;padding:12px}.leaf{animation:fall 10s linear infinite;background-color:#81c784;clip-path:polygon(50% 0,0 100%,100% 100%);height:20px;position:absolute;width:20px}@keyframes fall{0%{opacity:0;transform:translateY(-100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:600px){.card{width:90%}.header h1{font-size:24px}.header p{font-size:16px}}
/*# sourceMappingURL=main.af7d3797.css.map*/