.footer{display:flex;justify-content:end}body{align-items:center;background-color:#c8dbf3;background-image:url(https://img.freepik.com/photos-premium/banniere-temps-quiz-miniature-pour-modele-concept-video-quiz_894279-6643.jpg?semt=ais_hybrid);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;opacity:1;-webkit-user-select:none;user-select:none}h1{color:#040404c6;font-size:36px;font-weight:700;top:30px}h1,h2,h3{margin-bottom:20px}h2,h3{color:#0d0d0d;font-weight:600;max-width:500px}p{color:#000;font-size:18px}hr{border:0;border-top:1px solid #ddd;margin:20px 0}.btns{background-color:#18fff0c6;border:none;border-radius:8px;color:#000;font-size:18px;margin:15px;max-width:300px;padding:15px 0;text-align:center;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:100%}.btns:hover{background-color:#1595f7;color:#fff}img{height:300px;width:300px}.App{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000004d;margin-left:50px;max-height:2000px;max-width:600px;opacity:.9;position:relative;text-align:center;top:20px;width:100%}.container{background-color:#f9f9f9;border:1px solid #fff;border-radius:8px;box-shadow:0 4px 8px #0003;margin:auto;max-width:400px;padding:20px}h2,h3{text-align:center}input[type=number],input[type=text],select{border:1px solid #484444;border-radius:4px;font-size:16px;margin-bottom:30px;padding:10px;width:100%}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px}.loader{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 2s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subject-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.subject-button{border-radius:10px;box-shadow:0 4px 8px #00000026;cursor:pointer;height:100px;transition:transform .3s ease,box-shadow .3s ease;width:100px}.subject-button:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}.subject-button:active{transform:scale(.95)}@media (max-width:600px){.subject-button{height:60px;width:60px}}.subject-buttons{margin:auto;max-width:1000px;row-gap:30px}.progressive-navbar{background-color:#f2efef;border-radius:5px;margin:10px 0;overflow:hidden;width:100%}.progressive-navbar-container{align-items:center;display:flex;height:30px;position:relative}.progressive-navbar-step{color:#0b0b0b;font-weight:700;left:10px;position:absolute;z-index:1}.progressive-navbar-fill{background-color:#1595f7;height:100%;transition:width .3s ease;width:0}.timer-container{margin-top:20px}.timer-circle,.timer-container{align-items:center;display:flex;justify-content:center}.timer-circle{border:1595f7 solid;border-radius:50%;height:50px;position:relative;width:50px}.timer-text{color:#000;font-size:30px;font-weight:700;position:absolute}li{background-color:#f2f2f2;border-radius:5px;color:#333;font-size:16px;font-weight:500;list-style-type:none;margin:5px 0;padding:10px 15px;transition:background-color .3s,transform .2s}li:hover{background-color:#e0e0e0;cursor:pointer;transform:scale(1.02)}
/*# sourceMappingURL=main.6b3b4773.css.map*/