@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap);.teacher-app{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.styled-image{box-shadow:0 4px 8px #0000001a;margin:0 auto;width:30%}.styled-image,.styled-image.logo{border-radius:10px;display:block;object-fit:cover}.styled-image.logo{box-shadow:0 0 0 #0000001a;height:60px;margin:0;padding:10px;width:100px}.styled-image.fullscreen{border-radius:10px;box-shadow:0 0 0 #0000001a;display:block;height:100%;margin:0;max-width:150px;object-fit:cover;padding:0;width:100%}.digital-clock{border-radius:10px;font-size:50px;margin:2px;padding:20px 30px}.digital-clock,.digital-clock.minimal-clock{text-align:center;width:-webkit-fit-content;width:fit-content}.digital-clock.minimal-clock{background:linear-gradient(145deg,#e0eafc,#cfdef3);border:none;box-shadow:0 8px 16px #00000026;color:#222;font-family:Roboto Mono,monospace;transition:transform .3s ease}.digital-clock.minimal-clock:hover{transform:scale(1.03)}.digital-clock.retro-clock{background:linear-gradient(45deg,#fbc2eb,#a6c1ee);box-shadow:0 8px 16px #0000001a;color:#3e0b3b;font-family:Courier Prime,monospace;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:fit-content}.digital-clock.retro-clock:hover{box-shadow:0 12px 24px #00000026;transform:scale(1.05)}.digital-clock.dark-clock{background:#1a1a1a;box-shadow:0 0 20px #00ff9633;color:#e0e0e0;font-family:Roboto Mono,monospace;text-align:center;transition:background .3s ease,transform .3s ease}.digital-clock.dark-clock:hover{background:#8f6d6d;transform:scale(1.02)}.digital-clock.sunset-clock{background:linear-gradient(135deg,#fc5c7d,#6a82fb);border:none;box-shadow:0 10px 20px #0003;color:#fff;font-family:Orbitron,sans-serif;text-align:center;transition:background .5s ease,transform .3s ease}.digital-clock.sunset-clock:hover{background:linear-gradient(135deg,#6a82fb,#fc5c7d);transform:scale(1.03)}h1,h2,h3,h4,h5,h6{color:#333;font-family:Arial,sans-serif;font-weight:700;margin:8px 0;padding:4px 8px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.main-content{padding-bottom:24px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000004d;padding:20px;z-index:1001}.modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:28px;position:absolute;right:10px;top:10px}.blurred{filter:blur(20px)}.popout-subtitle-container{align-items:center;background-color:#000c;box-sizing:border-box;color:#fff;display:flex;font-size:1.5em;font-weight:700;justify-content:center;left:0;min-height:50px;padding:10px 20px;position:fixed;text-align:center;text-shadow:1px 1px 2px #000000b3;top:0;width:100%;z-index:1000}.student-subtitle-inline-display{color:#555;font-size:1em;margin-top:10px}.header{background-color:#4caf50;box-shadow:0 4px 8px #0003;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:20px;font-weight:700;max-height:120px;padding:20px;position:relative;text-align:center;width:100%;z-index:500}.header h1{margin:0}.welcome{font-size:30px;padding-top:20px;text-align:center;vertical-align:middle}.header nav{margin-top:10px}.header nav a{color:#fff;font-size:18px;margin:0 15px;text-decoration:none}.header nav a:hover{text-decoration:underline}.objective-box{background-color:#6b4d4d;border-left:5px solid #4caf50;border-radius:8px;box-shadow:2px 2px 10px #0000001a;font-family:Arial,sans-serif;font-size:18px;padding:20px;text-align:center;width:100%}.objective-box h2{color:#333;font-size:24px;margin-bottom:10px}.objective-box p{color:#555;font-size:18px}.nav-container{background-color:#f8f8f8;display:flex;justify-content:space-around;margin-bottom:20px;padding:10px;width:100%}.tool-buttons-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:10px 0;width:100%}.teacher-button-close{background-color:#e35252}.teacher-button-close,.teacher-button-open{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 10px;text-align:center;text-decoration:none;transition:transform .2s ease-in-out}.teacher-button-open{background-color:#4caf50}.teacher-button-close:hover{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footer{background-color:#333;bottom:0;color:#fff;font-size:14px;padding:10px;position:fixed;text-align:center;width:100%}.footer a{color:#4caf50;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}input{border:1px solid #ccc;border-radius:4px;margin:5px 0;overflow:auto;padding:5px;resize:vertical;width:100%}.input-text{border:2px solid #4caf50;border-radius:5px;font-size:30px;min-height:20px;outline:none;padding:6px;transition:.3s}.input-box-1{color:#fff;padding:12px}.input-box-1::placeholder{color:#fff;width:100%}.input-text:focus{border-color:#4caf50;box-shadow:0 0 8px #2e8b5780}.input-text::placeholder{color:#888;font-style:italic}.exit-ticket-container{align-items:center;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:auto;max-width:600px;padding:20px}.qa-container{padding:15px}.qa-item{margin-bottom:10px}.flashcards-container{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:25px;padding:10px;text-align:center}.flashcards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.flashcard{word-wrap:break-word;background-color:#e35252;border:2px solid #000;cursor:pointer;font-size:40px;height:300px;margin:0;overflow:auto;overflow-wrap:break-word;padding:10px;text-align:center;transition:transform .3s ease-in-out,background-color .3s ease-in-out;width:500px}.flashcard.selected{background-color:#4caf50}*{box-sizing:border-box}body{color:#333;font-family:sans-serif}.steps{background-color:#f7f7f7;border-radius:7px;margin:20px auto;padding:25px 50px;width:100%}.numbers{display:flex;justify-content:space-between}.numbers>div{align-items:center;aspect-ratio:1;background-color:#e7e7e7;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center}.numbers .active{background-color:#7950f2;color:#fff}.message{align-items:center;display:flex;flex-direction:column;font-size:40px;font-weight:700;margin:40px 0;text-align:center}.buttons{display:flex;justify-content:space-between}.button{word-wrap:break-word;font-size:60%;margin:5px;max-width:200px;padding:5px}.button,.button-fullscreen{background-color:#7950f2;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s,transform .2s}.button-fullscreen{size:10%;font-size:16px;margin:0;padding:0}.input-box{border:2px solid #7950f2;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:20px;max-width:100%;outline:none;padding:20px;transition:border-color .3s,box-shadow .3s;width:40%}.input-box:focus{border-color:#7950f2;box-shadow:0 0 8px #005bff80}.buttons button{align-items:center;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:10px 15px}.buttons button span{font-size:16px;line-height:1}h3{margin:0;text-transform:uppercase}.fullscreen-btn{background:#7950f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.fullscreen-btn:hover{background:#5a3ac7}.countdown-container{align-items:center;background-color:#f4f4f4;border-radius:1px;display:flex;gap:15px;justify-content:center;padding:1px}.buttons button,.buttons input{background:#7950f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:25px;margin:10px;min-width:30px;padding:8px 12px}.buttons button:hover{background:#5a3ac7}.buttons input{text-align:center;width:80px}.fade-in{opacity:0;transform:translateY(10px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}.fade-in.visible{opacity:1;transform:translateY(0)}.presentation-container{align-items:center;display:flex;flex-direction:column;margin:20px 0}.presentation-container .input-box{font-size:16px;padding:10px}.presentation-container .button{cursor:pointer;font-size:16px;padding:10px 20px}@media only screen and (orientation:landscape) and (max-width:1024px){.digital-clock{font-size:25px;padding:5px}.countdown-container{flex-direction:column;font-size:20px;gap:2px;padding:5px}.presentation-container .input-box{font-size:14px;padding:8px}.presentation-container .button{font-size:14px;padding:8px 15px}.buttons button,.buttons input{background:#7950f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:5px;min-width:20px;padding:8px 12px}.welcome{font-size:25px;padding-top:20px;text-align:center;vertical-align:middle}}.login-container{border:1px solid #ddd;border-radius:5px;margin:auto;max-width:300px;padding:20px;text-align:center}button:hover{background-color:#0056b3}@media (max-width:600px){.teacher-app{padding:5px}.digital-clock{font-size:25px;padding:5px}.countdown-container{flex-direction:column;font-size:20px;gap:2px;padding:5px}.buttons button,.buttons input{background:#7950f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:5px;min-width:20px;padding:8px 12px}.welcome{font-size:25px;padding-top:20px;text-align:center;vertical-align:middle}}
/*# sourceMappingURL=main.4048c3ee.css.map*/