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:linear-gradient(180deg,#00b4d8,#0077b6);color:#fff;font-family:Arial,sans-serif;margin:0}.app{display:flex;flex-direction:column;height:100vh}.navbar{align-items:center;background-color:#0077b6;display:flex;justify-content:space-between;padding:1em}.logo{font-size:1.5em;font-weight:700;text-align:left}.logoimg{height:70px;width:350px}.nav-links{display:flex;gap:1em;list-style:none;padding:0}.nav-links li{position:relative}.nav-links a{color:#fff;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.nav-links a:hover{background-color:#005f8f;border-radius:5px}.dropdown-content{background-color:#0097b6;border-radius:5px;box-shadow:0 5px 10px #0000004d;display:none;left:0;padding:20px 0;position:absolute;top:100%;z-index:1}.dropdown-content a{color:#fff;display:block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.dropdown-content a:hover{background-color:#005f8f}.dropdown:hover .dropdown-content{display:block}.content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.page-container{background:#0009;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:600px;padding:20px;text-align:center;width:100%}@media (max-width:768px){.nav-links{flex-direction:column;gap:1em}}.left-aligned{padding:5px;text-align:left}.left-aligned h1{margin-bottom:20px}.left-aligned ul{list-style-type:disc;margin-left:20px}.left-aligned p{margin-bottom:15px}.left-aligned section{margin-bottom:20px}img{max-height:100%;max-width:100%}.quiz-container{background:#0009;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.quiz-container h1{color:#0077b6;text-align:center}.quiz-container ol{font-size:1.2em;margin:20px 0;padding-left:20px}.quiz-container li{margin-bottom:15px}.quiz-container input{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-top:5px;padding:8px;width:50%}.quiz-container button{background:#0077b6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-top:15px;padding:10px 20px}.score-section button{margin-top:10px}.score-section{margin-top:20px;text-align:center}.score-text{color:#0077b6;font-size:1.5em;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 5px #0000001a}.score-text.perfect{animation:pop-scale .5s ease-in-out;color:#28a745}@keyframes pop-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.choice,.solution{padding:5px}
/*# sourceMappingURL=main.431c4b3c.css.map*/