*{box-sizing:border-box}body{margin:0;height:100vh;background-color:#f5f7fb;font-family:Karla,sans-serif;display:flex;justify-content:center;align-items:center}.introduction-container{text-align:center}.introduction-container>h1{margin:0}.introduction-container>p{margin:.5em auto}button,.conclusion-container{margin-top:1.5em}button{width:190px;height:50px;border-radius:15px;border:none;background-color:#4d5b9e;color:#f5f7fb;font-size:1rem}button:hover,button:focus{cursor:pointer;background-color:#3b4679}button.disabled{cursor:not-allowed;background-color:#3b46793a}.quiz-container{width:970px;display:flex;flex-direction:column;align-items:center}.question-container>h2{color:#293264;font-size:1rem}.answers-container{display:flex;gap:.75em}.answers-container input[type=radio]{display:none}.answers-container label{display:flex;align-items:center;text-align:center;font-size:.75rem;padding:10px 20px;border:1px solid #293264;border-radius:.5em}.answers-container label:hover,.answers-container label:focus{cursor:pointer}.answers-container label.guessed{background-color:#d6dbf5}.answers-container label.correct{background-color:#94d7a2}.answers-container label.incorrect{background-color:#f8bcbc}.answers-container label.disabled{border:1px solid #4d5b9e6c;color:#29326480}hr{margin:1.5em}.quiz-action-container{display:flex;justify-content:center;align-items:center;gap:3em}.quiz-action-container p,.quiz-action-container button{margin:0}
