*{box-sizing:border-box;font-family:Karla,sans-serif;margin:0}html{background-color:#282c34}.QuizApp{display:flex;flex-direction:column;height:100vh}nav{background:rgb(255,255,255);background:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(0,216,255,.34090909090909094) 100%);display:flex;justify-content:start;align-items:end;min-width:100%;height:55px;flex-shrink:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotation 4s infinite linear}.navbar-content{display:flex;justify-content:end;flex-basis:40%;gap:20px;color:#efe9f4}.App{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;position:relative}.homepage{width:100%;display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center}.homepage-hero{display:flex;justify-content:center;align-items:center;flex-basis:40%}.homepage-hero>h1{font-size:45px;color:#beedff;font-weight:700;background:linear-gradient(90deg,red,orange,yellow,green,teal,purple);background-clip:text;-webkit-background-clip:text;margin:0}.homepage-hero>h1:hover{color:transparent;transition:.5s ease}.game-setting{flex-basis:60%;display:flex;flex-direction:column;padding:20px;gap:10px}.temp-setting{display:flex;justify-content:center;border:1px solid teal;opacity:20%}.start-button{display:block;margin:5px;padding:8px;border-radius:10px;border:1px solid #00778c;border-bottom:3px solid #00778c;font-size:18px;font-weight:bolder;color:#00778c}.start-button:hover{background-color:transparent;border:1px solid #00d8ff;border-bottom:3px solid #00d8ff;color:#efe9f4;box-shadow:0 18px 22px 8px #00778c6b}.Quiz{display:flex;align-items:center;justify-content:center;width:80%;margin-top:30px;flex-direction:column;flex:1}.counters{position:absolute;right:20px;top:0px;border-bottom:1px solid #00d8ff;padding:5px}.counters>div{display:flex;justify-content:space-between;gap:10px}.counter{color:#fb3a3a}.counter-result{color:#ffb22b;font-weight:700}.round-result{position:absolute;right:25px;top:60px;background-color:#00d8ff;color:#282c34;font-size:18px;padding:3px;border-radius:5px}.question-component{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00778c1a;background-color:#ffffff0e;border-radius:25px;border-bottom:5px solid rgb(0,119,140);padding:10px;margin-bottom:20px;width:70%}.question-text{border-bottom:2px solid #00778c;padding-bottom:5px;margin-bottom:8px;color:#f0f0f0;font-size:18px}.choices{display:flex;flex-wrap:wrap;justify-content:center;flex:1}.option{display:block;margin:5px;padding:4px;border-color:#ff992b;background-color:#e7d0a130;border-radius:8px;font-size:12px;font-weight:bolder;color:#f3a768}.selected{background-color:#3e7caf;border-color:#c3c3c3;color:#efe9f4}.wrong{background-color:#b713134c;border-color:#990d13;color:#efe9f4}.correct{background-color:#16b7134c;border-color:#0e820c;color:#efe9f4}.submit,.new-game,.homepage-button{background-color:#444dc6;padding:10px;border-radius:6px;font-size:15px;font-weight:700;color:#fff}.quiz-buttons{display:flex;width:70%;justify-content:center}.btn-1,.btn-2{display:flex;flex-basis:50%;justify-content:start}