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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:#fff;min-height:100vh;text-align:center}.App-header{margin-bottom:20px;padding:20px}.App-header h1{color:#61dafb;font-size:2.5em;margin:0}main{padding:20px}.flag-option{background-color:#61dafb;border:none;border-radius:8px;color:#282c34;cursor:pointer;font-size:1.2em;padding:15px 20px;transition:all .3s ease}.flag-option:hover{background-color:#4fa8d1;transform:translateY(-2px)}.flag-option:active{transform:translateY(0)}.flag-option:disabled{cursor:not-allowed;opacity:.8}.flag-option.correct{animation:pulse-green .5s;background-color:#4caf50;color:#fff}.flag-option.incorrect{animation:pulse-red .5s;background-color:#f44336;color:#fff}.flag-option.show-correct{border:3px solid #4caf50}@keyframes pulse-green{0%{background-color:#61dafb;transform:scale(1)}50%{background-color:#4caf50;transform:scale(1.05)}to{background-color:#4caf50;transform:scale(1)}}@keyframes pulse-red{0%{background-color:#61dafb;transform:scale(1)}50%{background-color:#f44336;transform:scale(1.05)}to{background-color:#f44336;transform:scale(1)}}.score-board{align-items:center;background-color:#61dafb1a;border-radius:8px;display:flex;justify-content:space-around;margin-bottom:30px;padding:20px}.score-board>div{font-size:1.2em;font-weight:700}.score{color:#61dafb}.percentage{color:#4fa8d1}.flag-game{margin:0 auto;max-width:800px;padding:20px}.flag-display{margin:20px 0}.main-flag{border:4px solid #61dafb;border-radius:8px;box-shadow:0 4px 8px #0003;height:auto;max-width:400px;width:100%}.options-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:30px;padding:0 20px}.error-message,.loading{background:#61dafb1a;border-radius:8px;margin:20px auto;max-width:600px;padding:40px;text-align:center}.error-message h2,.loading h2{color:#61dafb;margin-bottom:16px}.error-message p,.loading p{color:#fff;margin-bottom:20px}.error-message button{background:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-size:1em;padding:12px 24px;transition:background-color .3s ease}.error-message button:hover{background:#4fa8d1}
/*# sourceMappingURL=main.eb635f9a.css.map*/