body{margin:0;padding:0;font-family:Karla,sans-serif;color:#293264;background-color:#f5f7fb}.main{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.blobBlue,.blobYellow{z-index:-1}.blobYellow{width:25vw;position:fixed;top:0;right:0}.blobBlue{width:18vw;position:fixed;bottom:0;left:0}.intro-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:100vw}.intro-section h1{margin:0}.intro-section p{margin:.5em 0 1.5em}.intro-section button{padding:16px 60px;border-radius:1em;border:none;color:#f5f7fb;background-color:#4d5b9e;cursor:pointer}.question-answer-section{margin:2em 4.6875em;font-family:Inter,sans-serif;width:80vw}.question{font-size:1em;margin:0 0 .5em}.options-wrapper{border:0px solid black;border-bottom:1px solid #dbdef0;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.5em;margin:.9em 0;padding:0 0 .959375em}.blink-red{animation:blinkRed .5s step-start 1}@keyframes blinkRed{50%{border-color:red;background-color:#ff00001a}to{border-color:#293264;background-color:transparent}}.options{border:1px solid #293264;border-radius:.8em;white-space:nowrap}.options input{opacity:0;visibility:hidden;position:absolute}.options label{text-align:center;margin:.5em 1em;font-size:.625em;display:flex;justify-content:center;flex-wrap:nowrap}.play-again-btn,.question-answer-section button{display:block;margin:2em auto;padding:1em 2.5em;border-radius:.625em;border:none;color:#f5f7fb;background-color:#4d5b9e;font-size:.8rem;font-weight:400}.result-div{display:flex;justify-content:center;gap:1.2em;margin:0 0 2em}.result{font-weight:700;align-self:center}.play-again-btn,.result{margin:0}.play-again-btn{padding:.8em 2.5em}@media (min-width: 550px){.intro-section h1{font-size:2rem}.intro-section p,.intro-section button{font-size:1.5rem}.question-answer-section{max-width:80vw;margin:2em 4.6875em}.question{font-size:1.5rem;margin:0 0 .5em}.options-wrapper{border-bottom:1px solid #dbdef0;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.5em;margin:.9em 0;padding:0 0 .959375em}.options label{text-align:center;margin:.5em 1em;font-size:1rem;display:flex;justify-content:center}.play-again-btn,.question-answer-section button,.result{font-size:1.2rem}}@media (max-width: 450px){.result-div{display:flex;flex-direction:column;align-items:center}.play-again-btn{width:50vw}}.selected{background-color:#d6dbf5}.correct{background-color:#94d7a2}.inCorrect{background-color:#f8bcbc}.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}