@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{color:#fff;padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Poppins,sans-serif;background-color:#dcdfef}.app{background-color:#252d4a;width:70rem;height:45rem;padding:3rem;border-radius:1.5rem;box-shadow:1rem 1rem 4.2rem #000000bf;display:flex;margin:15rem auto;gap:2rem}.start-quiz{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}.start-quiz h1{font-size:2.4rem;font-weight:700;text-align:center}.instructions p{text-align:left;font-size:1.8rem;margin-bottom:1.4rem}.instructions ul{padding-left:2rem}.instructions ul li{font-size:1.6rem;margin-bottom:2rem}.start-btn{font-size:1.6rem;padding:1.7rem;background-color:#4caf50;color:#fff;border:none;border-radius:9px;cursor:pointer;font-weight:600}.start-btn:hover{background-color:#45a049}.score-section{display:flex;flex-direction:column;gap:3rem;font-size:2.4rem;align-items:center;width:100%}.score-section h3{font-size:3rem;font-weight:800;text-align:center}.score-section img{width:15rem;height:15rem}.score-section .restart-review{display:flex;gap:2.5rem;max-width:100%;padding:2rem}.score-section .restart-review button{color:#fff;background-color:#252d4a;border-radius:1.5rem;border:.5rem solid #234668;cursor:pointer;font-size:1.6rem;padding:1.4rem;text-transform:capitalize;font-weight:600;width:20rem}.question-section{width:100%;position:relative}.question-count{font-size:2.8rem;margin-bottom:2.8rem}.question-text{font-size:1.8rem}.timer{position:absolute;bottom:0;left:.3rem;font-size:1.6rem;background:#f15d5dbf;padding:.6rem 1.2rem;border-radius:1.5rem;border:.5rem solid #234668}.answer-section{width:100%;display:flex;flex-direction:column;justify-content:space-between}.answer-section .answers{display:flex;flex-direction:column;gap:2.5rem}.answer-button{width:100%;font-size:1.6rem;color:#fff;background-color:#252d4a;border-radius:1.8rem;display:flex;font-weight:700;padding:1rem;justify-content:flex-start;align-items:center;border:5px solid #234668;cursor:pointer;text-transform:capitalize}.buttons{width:100%;display:flex;justify-content:space-between}.buttons button{color:#fff;border-radius:1.5rem;border:.5rem solid #234668;cursor:pointer;font-size:1.6rem;padding:1.4rem;text-transform:capitalize;font-weight:600}.buttons .next_btn{background-color:#4caf50;margin-left:auto}.buttons .next_btn:hover{background-color:#45a049}.buttons .back_btn{background-color:#db8484}.answer-button.selected{background-color:#fc0}.answer-button.correct{background-color:#2f922f}.answer-button.incorrect{background-color:#f33}button:hover{background-color:#525d87}button:focus{outline:none}button svg{margin-right:5px}@media (max-width: 35em){body{overflow-x:hidden}.app{width:100%;height:100vh;max-width:100%;margin:0 auto;border-radius:0;box-shadow:none;padding:2rem;display:flex;flex-direction:column;gap:2rem}.start-quiz,.score-section{padding:2rem}.question-section{display:grid;padding:2rem;grid-template-rows:1fr;gap:2rem}.question-section .timer{position:relative;width:17rem}.question-section h2{font-size:2rem}.answer-section{gap:2rem}.restart-review button{width:15rem}}