@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&family=Potta+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");body,html{width:100%;height:100%}body,html{margin:0;padding:0}body{font-family:Roboto,sans-serif;color:#171717;background-color:#f2f7ff;height:100vh;display:flex;flex-direction:column}h1,h2{color:#3565a4}h1{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:800;text-align:center;letter-spacing:-.04em;margin:1.5rem auto;max-width:90%;line-height:1.2;position:relative}@media (max-width:767px){h1{font-size:1.4rem}}header{position:fixed;top:0;left:0;width:100%;z-index:3;background-color:#f2f7ff}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 30px}.logo{font-size:x-large;color:#e38d1a;font-family:Potta One,serif;font-weight:400;font-style:normal;text-decoration:none;z-index:3000}.menu-toggle{display:none;background:none;border:none;cursor:pointer}.menu-toggle img{width:24px;height:24px}header nav{padding-right:0}.menu{display:flex}.navbar-item{padding:10px;text-decoration:none;color:#091c40c2;font-size:17px;font-weight:700;transition:color .3s ease}.navbar-item:hover{color:#2b2927}.navbar-item .emoji{display:none}@media (max-width:1050px){.header-container{padding:15px 20px}.logo{font-size:large}.menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f2f7ff;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:1000;animation:fadeIn .3s ease-in-out}.menu.open{display:flex}.menu-toggle{display:block}.close-button{position:absolute;top:15px;right:20px;border:none;cursor:pointer;background-color:transparent}.close-button img{width:24px;height:24px}.navbar-item .emoji{display:inline}}.quiz-container{padding:20px 10px;width:90%;max-width:1300px;margin:60px auto 20px;position:relative;flex-grow:1}.quiz-page{max-width:1025px;margin:15px auto}.question-text,.quiz-container p{color:#023047;text-wrap:balance}.quiz-top-section{width:90%;max-width:1300px;margin:0 auto;position:relative;flex-grow:1}.img-article-top-banner{position:relative;width:100%;height:250px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}.quiz-top-section h1{text-align:center;margin-top:20px;margin-bottom:20px;color:#023047}.with-icon:before{content:var(--icon-content);margin-right:.3em;font-size:inherit}.quiz-description{color:#023047;margin:20px auto;max-width:800px;text-align:center;line-height:1.5}.quiz-description:after{content:"";display:block;width:60px;height:4px;background-color:#fb8500;margin:1.5rem auto 0}@media (max-width:767px){.quiz-top-section{margin:0 auto}.img-article-top-banner{width:100%;height:150px;margin:0 auto}.quiz-description{font-size:.9rem;width:100%}.quiz-container{padding:20px 10px;margin:25px auto 20px}.question-text,.quiz-container p{font-size:inherit}}article.question-card{padding-bottom:20px;position:relative}article.question-card:after{content:"";display:block;width:80px;height:3px;background-color:#fb8500;margin:1.5rem auto 0;border-radius:2px}.question-counter{font-size:16px;margin:0 0 1rem}.question-counter,.question-text{font-family:inherit;font-weight:600}.question-text{font-size:1.1rem;max-width:90%;margin:0 auto;text-align:center;line-height:1.6;min-height:90px;background-color:#f8f8f8;color:#023047;border:1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0,0,0,.05);padding:25px;box-sizing:border-box;border-radius:8px;display:flex;align-items:center;justify-content:center}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){article.question-card{padding:0 2px}.question-text{max-width:95%;margin:10px auto 18px;font-size:1rem;padding:15px 20px}article.question-card:after{width:50px;height:2px}.question-counter{margin-top:15px}}