@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400;500;600;700;800;900&family=VT323&family=Victor+Mono:wght@100;200;300&display=swap";:root{--main-font: "VT323", sans-serif;--green: #44ff00}#root{height:100vh;width:100vw}*{margin:0;padding:0;font-family:var(--main-font);background-color:#000}body{height:100%;width:100%;color:#ff0;overscroll-behavior:none}.app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}h1{font-size:5em;text-align:center;width:80%;height:10%;margin-top:2%;border:1px solid yellow;padding-block:.4rem .8rem}@media screen and (max-width: 900px){.app{height:auto;overflow:scroll}h1{font-size:4em;margin-top:5%}}.history{display:flex;flex-direction:column;gap:1em;width:25%;padding:1em;border-right:1px solid yellow}.history h2{text-align:center;font-size:2.5em}.history ul{overflow:scroll}.history ul::-webkit-scrollbar{display:none}.choosen-answer-container{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 900px){.history{width:auto;border-right:none;height:35vh;border-top:1px solid yellow}.history ul{font-size:1.2em}}.end-game-container{width:100%;height:100%;z-index:5;position:absolute;display:flex;justify-content:center;align-items:center}.end-game{border-radius:15px;width:30em;height:30em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:1em}.final-message{font-size:3em;text-align:center}.final-score{font-size:3em;display:flex;align-items:center;flex-direction:column}.replay-btn{padding:.5em;color:#ff0;font-size:2em;border-style:none;border:2px solid yellow;cursor:pointer}@media screen and (max-width: 900px){.end-game{width:80%;height:80%}.final-message,.final-score{font-size:2.5em}}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:20px;height:20px;border:2px solid yellow;cursor:pointer}input[type=radio]:checked{background-color:#ff0}label{cursor:pointer}.questions{height:100%;width:70%;display:flex;flex-direction:column;justify-content:space-between;gap:2em;position:relative}.question-container{width:100;height:50%;max-width:fit-content;margin:1em;display:flex;flex-direction:column;justify-content:space-between;gap:1em}.question-container h4{font-size:2em}.alert{border:2px solid red;width:50%;height:2em;align-self:center;display:flex;justify-content:center;align-items:center;position:absolute;bottom:5em}.question-container ul{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:1em}.question-container ul li{width:100%;display:flex;align-items:center;gap:1em;font-size:1.7em}.next-step-btn{cursor:pointer;border:2px solid yellow;width:fit-content;padding:.5em;color:#ff0;font-size:1.5em;align-self:center;transition:all .3s ease-out}.next-step-btn:hover{background-color:#ff0;color:#000}.score{align-self:flex-start;font-size:2em;padding:1em}@media screen and (max-width: 900px){.questions{width:100%;height:auto}.score{position:initial}}.quiz-container{display:flex;justify-content:space-between;width:80%;height:80%;border:1px solid yellow;margin:1em 0;position:relative}@media screen and (max-width: 900px){.quiz-container{flex-direction:column-reverse;height:auto}}