*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background:#f5f5f5;margin:0;padding:0;height:100%;font-size:18px}a{text-decoration:none}#app{width:100%;margin-left:auto;margin-right:auto;min-height:100vh;height:100%;max-width:1120px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}header,footer{flex:0 75px}main{flex:3}h1{text-align:center}.question{margin:20px 0}.options button{display:block;width:100%;margin:6px 0;padding:10px;border:1px solid #ccc;border-radius:.3rem;cursor:pointer;background:#fafafa;transition:background .2s}.options button:hover{background:#eee}button.selected{background:#d0eaff;border-color:#007acc}.result{padding:15px;margin-top:20px;border:1px solid #ddd;border-radius:8px}.qzlnks a{display:block;padding:1rem}.quizDiv{max-width:796px;width:100%;margin-left:auto;margin-right:auto}.nxt,.quitBtn{width:170px;padding:.3rem 1rem}.nxt{margin-left:auto;margin-right:auto}.crctAnswer{border:1px solid limegreen;padding:.5rem;border-radius:.3rem;margin:1rem 0}.crctAnswer p{margin:.4rem 0}.quiz-navigation{display:flex;flex-direction:row;justify-content:space-evenly}.quizInfo{display:flex;flex-direction:row;justify-content:space-between}.quizNum{color:#00f;font-weight:700}.timeLeft{color:#c03a0a;font-weight:700}footer{height:3rem;padding:1rem;width:100%;text-align:center}.quitBtn{padding:.4rem 1rem;color:red;font-weight:700;&:disabled{color:#ccc}}header{width:100%;background-color:#2c3e50;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0003;margin-bottom:1rem}.logo{font-size:1.5em;font-weight:700;color:#fff;& a.active{color:#fff}& a.active:visited{color:#fff}}nav ul{list-style:none;display:flex;gap:20px}nav ul li a:visited{color:#fff}@media (max-width: 600px){header{width:100%;flex-direction:column;align-items:flex-start}nav ul{flex-direction:column;gap:10px;margin-top:10px;& a{color:#fff}& a:visited{color:#fff}}}