*{box-sizing:border-box}body{margin:0;padding:0;background-color:#fff8d1}.App{min-height:100svh;font-family:Space Grotesk,sans-serif;color:#766c59;display:flex;flex-direction:column}header{display:flex;justify-content:center;align-items:flex-end;padding:0;margin:0;width:100%;height:150px}header .wordmark{width:250px;height:auto;padding-bottom:20px}@media (max-width: 768px){header{height:120px}header .wordmark{width:200px;padding-bottom:10px}}.quiz-wrapper{width:100%;min-height:100%;flex:1;display:flex;justify-content:center;align-items:flex-start}.quiz-wrapper .quiz-container{border-radius:40px;padding:30px 60px;margin:0 20px 50px;font-family:Poppins,sans-serif;font-size:18px;background-color:#78cd9f;color:#fafcec}.quiz-wrapper .quiz-container .active-question-no{font-size:23px;font-weight:500}.quiz-wrapper .quiz-container .total-question{font-weight:500}.quiz-wrapper .quiz-container h2{font-size:34px;font-family:Libre Baskerville,serif;font-weight:600;margin:0}.quiz-wrapper .quiz-container .question-type{font-family:Libre Baskerville,serif;font-weight:400;font-style:italic}.quiz-wrapper .quiz-container ul{padding:0}.quiz-wrapper .quiz-container ul li{text-decoration:none;list-style:none;color:#766c59;font-size:16px;background-color:#fafcec;border-radius:100px;padding:18px 30px;margin-top:15px;cursor:pointer}@media (max-width: 768px){.quiz-wrapper .quiz-container ul li{border-radius:40px;padding:15px 25px}}.quiz-wrapper .quiz-container ul .selected-answer{background-color:#ffba3b;color:#fff;transition:background-color .3s ease}.quiz-wrapper .quiz-container .bottom-container{display:flex;justify-content:center}.quiz-wrapper .quiz-container button{background-color:#766c59;border-radius:100px;font-size:16px;color:#fafcec;padding:10px 42px;outline:none;border:none;margin-top:15px;cursor:pointer}.quiz-wrapper .quiz-container button:disabled{display:none}.quiz-wrapper .quiz-container .result{text-align:center}.quiz-wrapper .quiz-container .result h3{font-size:24px;text-align:center}.quiz-wrapper .quiz-container .result p{font-size:16px;font-weight:500}.quiz-wrapper .quiz-container .result p span{font-size:22px}@media (max-width: 768px){.quiz-wrapper .quiz-container{padding:20px 30px}}footer{display:flex;justify-content:center;align-items:center;position:relative;background-color:#3b385e;padding:0;color:#fafcec;bottom:0;width:100%;height:120px;border-top-left-radius:40px;border-top-right-radius:40px}footer .logo{width:60px;height:auto}@media (max-width: 768px){footer .logo{width:50px}}