body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100%}main{flex:1 1;padding-bottom:60px;padding-top:60px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quiz-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subject{font-weight:700}.score,.subject{font-size:18px}.question-number{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.question h2{font-size:24px;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:10px}.option{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:18px;padding:15px;text-align:left;transition:background-color .3s}.option:not(.correct):not(.incorrect):hover,.option:not(:disabled):not(.correct):not(.incorrect):hover{background-color:#dcc3fd}.option.correct{background-color:#bfecca;border-color:#b4e5c0}.option.incorrect{background-color:#f7abb1;border-color:#feb8bf;color:#721c24}.option:disabled{cursor:not-allowed;opacity:.7}.option.correct:disabled,.option.incorrect:disabled{opacity:1}.quiz-footer{display:flex;justify-content:space-between;margin-top:20px}.next-question,.quit-quiz{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.next-question{background-color:#8a2be2;color:#fff}.next-question:disabled{background-color:#d8bfd8;cursor:not-allowed}.quit-quiz{background-color:#ff6b6b;color:#fff}.mute-button{background:none;border:none;cursor:pointer;font-size:1.5rem}.font-size-controls{display:flex;gap:10px;margin-bottom:10px}.font-size-controls button{cursor:pointer;font-size:16px;padding:5px 10px}.App{margin:0 auto;max-width:800px;padding:20px;text-align:center}h1{color:#333}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}button:hover{background-color:#45a049}:root{--primary-color:#4a90e2;--secondary-color:#50c878}.navbar{background:linear-gradient(90deg,#4a90e2,#50c878);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 2px 10px #0000001a;font-size:1.2rem;height:70px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 20px;width:100%}.navbar-logo{color:#fff;color:var(--text-color);font-size:2rem;font-weight:700;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.navbar-logo:hover{text-shadow:0 0 10px #ffffff80}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:20px}.nav-link{border-radius:25px;color:#fff;color:var(--text-color);padding:10px 15px;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.nav-link:hover{background-color:#fff3}.menu-icon{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;padding:0;width:2rem;z-index:10}.menu-icon span{background:#fff;background:var(--text-color);border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}@media screen and (max-width:768px){.nav-menu{display:flex;flex-direction:column;left:-100%;opacity:0;position:absolute;top:70px;transition:all .5s ease;width:100%}.nav-menu.active{background:linear-gradient(180deg,#4a90e2,#50c878);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-item{margin:0;padding:1rem;text-align:center;width:100%}.nav-link{display:block;font-size:1.5rem;padding:15px}.menu-icon{display:flex}.menu-icon.open span:first-child{transform:rotate(45deg)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:rotate(-45deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.nav-menu.active .nav-item{animation:fadeIn .5s ease forwards;opacity:0}.nav-menu.active .nav-item:first-child{animation-delay:.1s}.nav-menu.active .nav-item:nth-child(2){animation-delay:.2s}.nav-menu.active .nav-item:nth-child(3){animation-delay:.3s}}:root{--primary-color:#50c878;--secondary-color:#4a90e2;--text-color:#fff;--hover-color:#f0f0f0;--transition-speed:0.3s}.footer-bottom{background:linear-gradient(90deg,#50c878,#4a90e2);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;color:var(--text-color);font-size:1rem;padding:.4rem 0;text-align:center}
/*# sourceMappingURL=main.88fca5a8.css.map*/