:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:700;color-scheme:light dark;color:#ffffffde;background-color:#f8f8f8;background-image:linear-gradient(to bottom right,#fdfdfd,#4e3394 70%,#fdfdfd);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{font-weight:700;color:#000}span{color:#747bff;font-size:large}.score{animation:animate-pulse .3s ease-in-out 0s 5 alternate forwards}h2{font-weight:700;font-size:larger;color:#077b9b}h3{color:#077b9b;font-size:xx-large;font-weight:bolder}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.navbar{display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}body .game-box{margin:0 auto;display:flex;place-items:center;justify-content:space-around;min-height:80vh;max-width:450px;padding:0 20px;background-color:#fff;border:1px solid white;border-radius:15px;box-shadow:0 4px 10px #000000e6}.game-box button{margin-top:10px}.classyButton{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#641d7c;background-image:linear-gradient(to bottom right,#4e3394,#1099be 40%,#4e3394);cursor:pointer;width:100%;transition:border-color .25s}.option-disabled{color:#9ca3af;cursor:not-allowed;opacity:.7}.option-correct{background-image:linear-gradient(to bottom right,#01a54b,#10be87 40%,#01a54b)}.option-incorrect{animation:shake .7s cubic-bezier(.445,.05,.55,.95) both;background-image:linear-gradient(to bottom right,#ac120a,#ff6c47 40%,#ac120a)}.show-correct{transform:scale3d(2)}button:hover{color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes animate-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.animate{animation:animate-pulse .5s ease-in-out 0s 2 alternate forwards}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}