body{background-color:#2447f9}.start-screen,.score-container{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}button{border:none;outline:none;cursor:pointer}#start-button,#restart{font-size:1.3em;padding:.5em 1.8em;border-radius:.2em}#restart{margin-top:.9em}#display-container{background-color:#e2e8f0;padding:1.8em 1.8em 1.2em;width:90%;max-width:37.5em;margin:0 auto;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:.6em;z-index:999}.header{margin-bottom:1.8em;display:flex;justify-content:space-between;align-items:center;padding-bottom:.6em;border-bottom:.1em solid #2447f9}.timer-div{background-color:#2447f9;color:#e2e8f0;width:6.5em;border-radius:1.8em;display:flex;align-items:center;justify-content:space-between;padding:.7em 1.8em}.question{margin-bottom:1.25em;font-weight:600}.option-div{font-size:.9em;width:100%;padding:1em;margin:.3em 0;text-align:left;outline:none;background:transparent;border:1px solid #e2e8f0;border-radius:.3em}.option-div:disabled{color:#181230;cursor:not-allowed}.option-div:not(.incorrect,.correct,:disabled):hover{background-color:#2447f9;color:#e2e8f0}#next-button{font-size:1em;margin-top:1.5em;background-color:#2447f9;color:#e2e8f0;padding:.7em 1.8em;border-radius:.3em;float:right}#next-button:hover{background-color:#2142eb}.hide{display:none}.incorrect{background-color:#ff8fab;color:#fff}.correct{background-color:#80ed99;color:#fff}#user-score{font-size:1.5em;color:#fff}.winter{position:fixed;top:-1vh;transform:translateY(0);animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(105vh)}}@media screen and (max-width: 576px){.timer-div{padding:.5em 1.8em}}