*{box-sizing:border-box;margin:0;padding:0;font-family:Karla,sans-serif}body{padding:10px;min-height:100vh;position:relative;background-color:#15171e;color:#bbb;display:flex;flex-direction:column;justify-content:center;align-items:center}.submit-btn{width:100%;padding:15px;background-color:#4d5b9e;border-radius:15px;outline:none;border:none;font-size:1.5rem;color:#f5f7fb;cursor:pointer}.submit-btn:hover:not(:disabled){opacity:.8}.submit-btn:disabled{background-color:gray;cursor:not-allowed}.start-quiz-page{width:100%;max-width:850px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;color:#293264;text-align:center}.start-quiz-page .selectOptions{display:flex;flex-direction:column;gap:10px}.start-quiz-page .selectOptions--options{display:flex;gap:15px;width:100%}.start-quiz-page input,.start-quiz-page select{flex:1;padding:10px;font-size:1.25rem;border-radius:8px}.start-quiz-page .pickOptionsCaption{font-size:18px}.start-quiz-page .subCaption{text-transform:capitalize}h1,.start-quiz-page p{color:#bbb}h1{font-size:4rem;text-align:center;margin:20px 0}.start-quiz-page p{font-size:2.5rem;font-weight:700}.quiz-page{margin-top:25px;margin-bottom:20px;width:100%;max-width:850px;display:flex;flex-direction:column;gap:60px}.answer-list-item{background-color:transparent;padding:10px;flex:1;margin:0 10px;display:flex;justify-content:center;align-items:center;border:1px solid rgb(123,123,242);border-radius:10px;min-width:150px;font-size:inherit;cursor:pointer}.answer-list{margin-top:20px;list-style-type:none;display:flex;justify-content:space-between}input[type=radio]{display:none}.score{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;font-size:1.5rem;text-align:center;margin-bottom:20px;margin-top:20px}.score span,.score button{flex:1}.score button{border-radius:8px;border:none;background-color:#4d5b9e;color:#bbb;padding:10px;font-size:1.25rem;cursor:pointer}.selected{background-color:#0074e0;font-weight:700}.incorrect{background-color:#d00;color:#f5f7fb;font-weight:700}.correct{background-color:#6cdb00;color:#000;font-weight:700}.play-again-link{color:#f5f7fb;text-decoration:none;padding:10px 20px;border-radius:8px;background-color:#0074e0}.play-again-link:hover{background-color:#0053a0}@media (max-width: 768px){.start-quiz-page{height:100dvh;justify-content:space-evenly}.start-quiz-page .selectOptions{gap:20px}.start-quiz-page .pickOptionsCaption{width:85%;align-self:center}.start-quiz-page .selectOptions--options{flex-direction:column}.answer-list{flex-direction:column;gap:10px}.score{flex-direction:column}.score button{width:100%}}