*{box-sizing:border-box}body,html{font-family:Karla,sans-serif;color:#293264;margin:0;padding:0;height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}main{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 30px;z-index:1}main h1{font-size:2rem;margin:0}.start-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}p.start-description{margin:20px 0 40px;font-size:1.2rem;font-weight:450;text-align:center}label{font-size:1.1rem}.question-count-container{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:400px;margin-bottom:20px}.question-count-select{font-family:Karla,sans-serif;font-size:.9rem;padding:8px 12px;border:1px solid #4D5B9E;border-radius:5px;background-color:#fff;color:#293264;cursor:pointer;min-height:20px}.question-count-select:focus{outline:3px solid #4D5B9E;outline-offset:2px}.question-container{display:flex;flex-direction:column;align-items:flex-start;gap:15px;border-bottom:1px solid #DBDEF0;border-left:none;border-right:none;border-top:none;width:100%;max-width:500px;padding-bottom:10px;margin-top:15px}.question{font-size:1rem;font-weight:700;margin:20px 0 10px;padding:0}.answers-container{display:flex;gap:10px;flex-wrap:nowrap;align-items:stretch;width:100%}.answer-button{cursor:pointer;margin-bottom:10px;font-family:inherit;font-size:.8rem;font-weight:500;border:1px solid #4D5B9E;background-color:#fff;color:#293264;border-radius:10px;display:flex;align-items:center;justify-content:center;min-width:70px;min-height:30px;flex-grow:1}.answer-button:focus{outline:2px solid #4D5B9E;outline-offset:2px}.answer-button.selected{background-color:#d6dbf5;border:none}.answer-button.correct:disabled{background-color:#94d7a2;border:none;opacity:1}.answer-button.incorrect{background-color:#f8bcbc;border:none}.answer-button:disabled{cursor:not-allowed;opacity:.6}.start-btn{background-color:#4d5b9e;font-family:inherit;font-size:1rem;color:#fff;border:none;border-radius:10px;width:150px;height:50px;font-size:1.1rem;cursor:pointer;margin-top:30px}.start-btn:focus{outline:3px solid #293264;outline-offset:2px}.submit-btn{background-color:#4d5b9e;font-family:inherit;font-size:1rem;font-weight:400;color:#fff;border:none;border-radius:10px;width:150px;height:40px;cursor:pointer}.submit-btn:focus{outline:3px solid #293264;outline-offset:2px}.submit-section{display:flex;justify-content:space-evenly;align-items:center;gap:25px;width:100%;max-width:500px;margin-block:25px;text-align:center}.buttons-container{display:flex;justify-content:space-evenly;flex-direction:row;gap:10px}.score{margin:0;font-size:1.1rem;font-weight:700}.italic{font-style:italic}.blob-blue{position:fixed;bottom:0;left:0}.blob-blue.tucked{bottom:-50px;left:-50px}.blob-yellow{position:fixed;top:0;right:0}@media(max-width:450px){.answers-container{display:grid;grid-template-columns:1fr 1fr}.submit-section{flex-direction:column;gap:15px}.buttons-container{flex-direction:row;gap:15px;justify-content:center}}@media(min-width:1000px){main{margin:0 60px}main h1{font-size:2.5rem}main>p.start-description{font-size:1.4rem}label.start-description{font-size:1.2rem}.question-count-select{font-size:1rem}.question-container{max-width:800px;gap:20px}.submit-section{max-width:800px}.question{font-size:1.2rem}.answers-container{gap:15px}.answer-button{font-size:1rem;min-width:120px;min-height:50px}.start-btn{width:250px;height:60px;font-size:1.2rem}.submit-btn{width:220px;height:50px;font-size:1.1rem}.buttons-container{justify-content:space-around;gap:30px}.score{font-size:1.3rem}}
