html,body{margin:0;padding:0;height:100%;font-family:Karla}main{background-color:#f5f7fb}button{cursor:pointer}button:hover{opacity:.8!important}.quiz-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}#lemon-svg{position:fixed;right:0;height:auto;width:18vw}#blue-lemon-svg{position:fixed;bottom:0;height:auto;width:20vw}section.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:8px;background-color:#f5f7fb}section.home-page>*{margin:0}section.home-page>h1{font-weight:500;color:#293264}section.home-page>p{color:#293264}.home-page>button{margin-top:20px;font-family:Karla;height:50px;width:220px;background-color:#4d5b9e;color:#f5f7fb;border-radius:12px;border:none;font-weight:400;font-size:1.2rem;line-height:normal;display:flex;justify-content:center;align-items:center;padding:30px 20px}article.question-card{max-width:85vh}div.options-area{display:flex;align-items:center;gap:20px}button.option{font-family:Karla;color:#293264;background-color:#f5f7fb;border:1.5px solid #4D5B9E;border-radius:12px;font-weight:500;font-size:clamp(15px,70%,24px);padding:8px 20px;flex:1;box-sizing:border-box;height:auto;min-height:45px;white-space:normal;word-wrap:break-word}button.option.clicked{background-color:#d6dbf5}button.option.wrong{background-color:#f8bcbc;opacity:.5}button.option.correct{background-color:#94d7a2}button.check-answers-button{background-color:#4d5b9e;color:#f5f7fb;margin-top:36px;display:flex;padding:18px 30px;border-radius:12px;border:none;font-size:1rem}.quiz-result-area{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:36px}.quiz-result-area>span{color:#293264;font-size:24px;font-weight:700}.quiz-result-area>button{background-color:#4d5b9e;color:#f5f7fb;display:flex;justify-content:center;align-items:center;height:50px;width:150px;margin:12px 24px;border-radius:12px;border:none;font-size:18px;font-weight:500;font-family:Karla}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}