body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;font-family:Poppins,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:1200px;padding:20px}.App-header{padding:20px;text-align:center}.content-container{align-items:center;display:flex;flex-direction:column;width:100%}.belt-group{margin-bottom:40px;width:100%}.type-group{margin-bottom:20px}.data-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style-type:none;margin:0;padding:0;width:100%}.data-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.item-image{border-radius:8px;height:auto;margin-bottom:10px;max-width:100%}h2{font-size:2em;margin-bottom:20px}h2,h3{color:#333}h3{font-size:1.8em}h3,h4{margin-bottom:10px}h4{color:#555;font-size:1.5em}p{color:#666;line-height:1.6}.quiz-description{color:#555}.quiz-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:500px;padding:20px;text-align:center}.quiz-title{color:#333;font-size:1.5rem;margin-bottom:20px}.quiz-image{border-radius:8px;height:auto;margin-bottom:20px;max-width:100%}.quiz-description{color:#666;font-size:1.2rem;font-style:italic;margin-bottom:20px}.options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quiz-option{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;max-width:200px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.quiz-option:focus,.quiz-option:hover{background-color:#0056b3;transform:scale(1.05)}.quiz-option:active{background-color:#004085;transform:scale(.98)}.quiz-progress{color:#555;font-size:1rem;margin-top:20px}@media (max-width:600px){.quiz-container{padding:15px}.quiz-title{font-size:1.5rem}.quiz-option{max-width:150px}.quiz-option,.quiz-progress{font-size:.9rem}}.quiz-result{animation:fadeIn 1s ease;border-radius:10px;margin-top:40px;padding:20px;text-align:center}.quiz-result.passed{background-color:#e0ffe0;border:2px solid #4caf50;color:#2e7d32;overflow:hidden;position:relative}.quiz-result.passed .quiz-result-message{color:#4caf50;font-size:2rem;font-weight:700;margin-top:20px}.confetti-container{animation:confettiDrop 3s ease-in-out infinite;color:#ffeb3b;font-size:2rem}@keyframes confettiDrop{0%{transform:translateY(-100px)}to{transform:translateY(100px)}}.quiz-result.failed{background-color:#ffe0e0;border:2px solid #f44336;color:#d32f2f}.quiz-result.failed .quiz-result-message{color:#f44336;font-size:2rem;font-weight:700;margin-top:20px}.quiz-score{font-size:1.5rem;margin-top:10px}.quiz-result-title{color:#333;font-size:2.5rem;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.quiz-result-title{font-size:2rem}.quiz-result-message{font-size:1.5rem}.quiz-score{font-size:1.2rem}}.close-button{background-color:initial;border:none;color:#595959;cursor:pointer;font-size:44px;font-weight:100;margin-right:95%;transition:color .3s ease}.close-button:hover{color:#979797}.quiz-option-correct{background-color:#4caf50!important;color:#fff}.quiz-option-wrong{background-color:#f44336!important;color:#fff}.info-notice{background:#ffffffb3;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000000a;color:#666;font-size:.95rem;font-style:italic;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:500px;padding:.7rem 1rem;text-align:center}.homepage-container{align-items:center;background-color:#f4f7fb;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.homepage-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.homepage-subtitle{color:#666;font-size:1.5rem;margin-bottom:30px}.button-container{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.quiz-link{background-color:#007bff;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:700;padding:15px;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.quiz-link:hover{background-color:#0056b3;transform:scale(1.05)}.quiz-link:active{background-color:#003d80;transform:scale(.98)}@media (max-width:600px){.homepage-title{font-size:2rem}.homepage-subtitle{font-size:1.2rem}.quiz-link{font-size:1rem}}.dropdown-container{margin:20px;max-width:300px;padding:10px}.dropdown-label{font-size:18px;font-weight:700;margin-bottom:10px}.belt-dropdown{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;padding:8px;transition:border-color .3s ease;width:100%}.belt-dropdown:hover{border-color:#888}.belt-dropdown:focus{border-color:#007bff;outline:none}
/*# sourceMappingURL=main.07b80d80.css.map*/