@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{font-family:Space Mono,monospace;line-height:1.5;letter-spacing:.1px;font-weight:400;font-size:15px;color:#293264;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}body,*{margin:0}body>*{margin:0;scrollbar-width:none}*,*:before,*:after{box-sizing:border-box}h1{font-size:2rem;font-weight:700}h2{text-align:center}button{font-family:Space Mono,monospace;background-color:#4d5b9e;color:#f5f7fb;border:none;border-radius:15px;padding:10px 25px;cursor:pointer;transition:all .5s}button:hover{color:#4d5b9e;background-color:#f5f7fb;filter:drop-shadow(1px 1px 1px #4D5B9E) drop-shadow(-1px -1px 1px #4D5B9E)}#root{display:flex;width:100%;min-height:100vh;align-items:center;justify-content:center}.background{position:fixed;pointer-events:none;z-index:-1;top:0;width:100vw;height:100vh}.background{background-image:radial-gradient(at 11% 95%,hsla(220,43%,97%,1) 0px,transparent 50%),radial-gradient(at 2% 45%,hsla(54,100%,91%,1) 0px,transparent 50%),radial-gradient(at 59% 28%,hsla(210,65%,92%,1) 0px,transparent 50%)}.intro-container{display:flex;flex-direction:column;gap:15px;align-items:center}.quiz-container{display:flex;flex-direction:column;justify-content:center;padding:0 100px;gap:20px}.quiz-container button{align-self:center}.question-container .question{font-weight:700}.question-container fieldset{display:flex;flex-wrap:wrap;gap:15px;border:none;font-size:.8rem;padding:15px 0}.question-container fieldset .answer label{border:#4D5B9E solid 1px;padding:5px 15px;border-radius:12px;transition:all .6s;display:inline-block;cursor:pointer}.question-container fieldset .answer.ended label{opacity:.5}.question-container fieldset .answer.ended.correct label{background-color:#94d7a2;opacity:1}.question-container fieldset .answer.ended.incorrect label{background-color:#f8bcbc}.question-container fieldset .answer input{display:none}.question-container fieldset .answer label:hover,.question-container fieldset .answer input:checked+label{background-color:#d6dbf5;border-color:#d6dbf5}