footer,header{color:#fff;left:0;position:fixed;width:100%;z-index:1000}.main-header{background-color:initial}header{top:0}footer{align-items:center;bottom:0;display:flex;height:3%;justify-content:center;padding-top:5px}header li{color:#fff;font-weight:800;z-index:999999999999}.wave{align-items:center;display:flex;flex-wrap:wrap;height:.4rem;justify-content:flex-start;left:-1.45%;position:relative;transition:width .3s ease-in-out}@media (max-width:768px){.wave{display:none}}.a1,.a10,.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9{background-color:#811ca0;border-radius:50%;color:#fff;height:15px;left:4px;position:relative;width:15px;z-index:-5px}.a1{animation:aa1 1s linear infinite}@keyframes aa1{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a2{animation:aa2 1s linear infinite;animation-delay:.08s}@keyframes aa2{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a3{animation:aa3 1s linear infinite;animation-delay:.16s}@keyframes aa3{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a4{animation:aa4 1s linear infinite;animation-delay:.24s}@keyframes aa4{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a5{animation:aa5 1s linear infinite;animation-delay:.4s}@keyframes aa5{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a6{animation:aa6 1s linear infinite;animation-delay:.48s}@keyframes aa6{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a7{animation:aa7 1s linear infinite;animation-delay:.56s}@keyframes aa7{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a8{animation:aa8 1s linear infinite;animation-delay:.64s}@keyframes aa8{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a9{animation:aa9 1s linear infinite;animation-delay:.72s}@keyframes aa9{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a10{animation:aa10 1s linear infinite;animation-delay:.8s}@keyframes aa10{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body,html{background-color:#fff;height:100%}.login-container{border-radius:10px;box-shadow:0 1px 20px #0009;max-width:400px;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:transform .3s ease;width:100%}.login-container,.login-container input{background-color:initial}.login-container input{background-color:#12d4ea}.login-container:hover{transform:translateY(-5px)}.login-container h2{color:#fff;font-size:2rem;margin-bottom:20px}.login-container input[type=email],.login-container input[type=password],.login-container input[type=text]{border:1px solid #00b3ff;border-radius:5px;font-size:1rem;margin:10px 0;padding:15px;transition:border-color .3s;width:90%}.login-container input[type=email]:focus,.login-container input[type=password]:focus,.login-container input[type=text]:focus{border-color:#ff5f6d;color:#fff;outline:none}.forgot-password-button{background-color:initial}.login-container button{background-color:#ff5f6d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px;transition:background-color .3s;width:100%}.login-container button:hover{background-color:#ffc371}.login-container p{color:#fff;margin-top:20px}.login-container a{color:#ff5f6d;font-weight:700;text-decoration:none;transition:color .3s}.login-container a:hover{color:#ffc371}@media (max-width:400px){.login-container{width:90%}}html{background-color:#fff;background:#020024;background:linear-gradient(1turn,#020024,#095379 46%,#00d4ff);font-family:Arial,sans-serif;height:100%;margin:0;overflow:hidden}body,html{align-items:center;display:flex;justify-content:center}body{background:#0000;height:100vh}.home-container{align-items:center;background-color:initial;color:#ece1a3;display:flex;flex-direction:column;height:80vh;justify-content:center;padding:20px;text-align:center}h1{animation:slideDown 1s ease forwards;color:#fff;font-size:3rem;margin-bottom:20px;opacity:0}.home-container p{animation:fadeIn 1s ease .2s forwards;color:#fff;font-size:1.5rem;margin-bottom:30px;opacity:0}.start-quiz-button{animation:zoomIn 1s ease .4s forwards;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;opacity:0;padding:10px 20px;transition:background-color .3s}.start-quiz-button:hover{background-color:#45a049}.features{animation:fadeInUp 1s ease .6s forwards;margin-top:20px;opacity:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features h2{font-size:2rem;margin-bottom:10px}.features ul{list-style-type:none;padding:0}.features li{font-size:1.2rem;margin:5px 0}body,html{align-items:center;background-color:initial;display:flex;font-family:Arial,sans-serif;height:110%;justify-content:center;margin:0}.signup-container{background-color:initial;border-radius:10px;box-shadow:0 8px 20px #0009;height:75vh;max-width:400px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .3s ease;width:100%}.signup-container:hover{transform:translateY(-5px)}.signup-container h2{color:#fff;font-size:2rem;margin-bottom:0;margin-top:0}.signup-container input[type=email],.signup-container input[type=password],.signup-container input[type=text]{border:1px solid #1d9bc1;border-radius:5px;font-size:1rem;margin:10px 0;padding:15px;transition:border-color .3s;width:90%}.signup-container input{background-color:#12d4ea}.signup-container input[type=email]:focus,.signup-container input[type=password]:focus,.signup-container input[type=text]:focus{border-color:#6a11cb;outline:none}.signup-container button{background-color:#6a11cb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px;transition:background-color .3s;width:100%}.signup-container button:hover{background-color:#2575fc}.signup-container p{color:#fff;margin-bottom:0;margin-top:10px}.signup-container a{color:#6a11cb;font-weight:700;text-decoration:none;transition:color .3s}.error-message{color:red}.error-message,.success-message{font-size:14px;text-align:center}.success-message{color:green}.signup-container a:hover{color:#2575fc}@media (max-width:400px){.signup-container{width:90%}}.quiz-selection-container{padding:2rem;position:relative;text-align:center;top:-50px}.topic-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;margin-top:2rem}.topic-card{background-color:#f0f0f0;border:1px solid #ccc;border-radius:10px;cursor:pointer;padding:1rem;transition:background-color .2s;width:150px}.topic-card:hover{background-color:#ddd}@media (max-width:768px){.topic-cards{align-items:center;flex-direction:column}.topic-card{max-width:300px;width:80%}}.quiz-container{color:#000;margin:0 auto;text-align:center;width:50%}.quiz-title{color:#000;font-size:2em;margin-bottom:20px}.question-text{color:#000;font-size:1.5em;margin-bottom:15px}.options-container{color:#000;margin-bottom:20px}.option-label{color:#000;display:block;font-size:1.2em;margin-bottom:10px}body{color:#000}.waiting-message{color:#000;font-size:34px}body{font-family:Arial,sans-serif;margin:0}.app{text-align:center}header{background-color:#333;padding:1rem}header nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}header nav ul li{margin:0 1rem}header nav ul li a{color:#fff;text-decoration:none}footer{background-color:#333;color:#fff;margin-top:2rem;padding:1rem;text-align:center}
/*# sourceMappingURL=main.c6e1122e.css.map*/