@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:Poppins;margin:0;padding:0;transition:all .3s ease}html{background:#111;background:var(--primary)}input{outline:none}:root{--primary:#111;--primary-light:#202020;--secondary:#cacaca;--secondary-light:#f5f5f5;--light:#fff;--inverted-primary:#e2e2e2;--light-dark:#5f5c5b;--success-light:#effffb;--success-dark:#0c915e;--error-light:#ffefef;--error-dark:red;--border-gray:#ffffff41}.app{display:flex;min-height:100vh}.main-container{display:flex;flex:1 1;flex-direction:column;justify-content:start}nav{align-items:center;flex-wrap:wrap;height:60px;margin:20px auto;width:90%}.aside,nav{display:flex;justify-content:space-between}.aside{background:#202020;background:var(--primary-light);flex-direction:column;height:100%;left:0;position:fixed;top:0}.aside,.aside-bg{width:15vw}.aside-logo{color:#fff;color:var(--light);font-size:2.5rem;font-weight:600;margin:20px auto;text-decoration:none;-webkit-user-select:none;user-select:none;width:80%}.aside-links-container{background:#111;background:var(--primary);border-radius:15px;display:flex;flex-direction:column;gap:5px;padding:5px;width:90%}.aside-links-container a{align-items:center;border-radius:10px;color:#fff;color:var(--light);display:flex;font-size:1.2rem;gap:10px;height:40px;justify-content:start;padding:20px;text-align:left;text-decoration:none}.aside-links-container a:hover,.schedules-navigator button:hover{background:#202020;background:var(--primary-light)}.aside-center-align{margin:auto}.avatar-tray-container,.card-1x1,.d-flex-center,.dark-button,.fof-page,.hero-section,.hero-section div,.input-box,.loading-container,.login,.login-container,.nav-left a,.nav-right,.nav-right-link,.schedule-card,.schedule-card p,.schedules-container,.schedules-navigator,.services-container,.services-section,.sub-component-container,.teacher-card-container,.teachers-container,.theme-button,.theme-buttons-container,.tray-item{align-items:center;display:flex;justify-content:center}.schedules-container{align-items:center;flex-direction:column;height:90%;justify-content:start}.schedules-navigator{background:#111;background:var(--primary);border-radius:50px;flex-direction:row;gap:3px;margin:20px 0 0;padding:5px}.schedules-navigator button{align-items:center;background:#111;background:var(--primary);border:none;border-radius:20px;color:#fff;color:var(--light);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:start;padding:20px;text-align:left;text-decoration:none}.sub-component-container{background:#111;background:var(--primary);border:10px solid #111;border:10px solid var(--primary);border-radius:20px;flex-wrap:wrap;gap:10px;margin:20px 0;overflow:auto;width:95%}.teachers-container{flex-direction:column;height:100%;justify-content:start;margin:20px auto auto;width:80%}.schedule-card{background:#202020;background:var(--primary-light);border-radius:15px;flex-basis:350px;flex-direction:column;flex-grow:1;gap:5px;padding:5px}.schedule-card p{border-radius:15px;cursor:pointer;gap:15px;justify-content:start;margin:auto;padding:10px;-webkit-user-select:none;user-select:none;width:100%}.schedule-card p:hover,.theme-buttons-container{background:#111;background:var(--primary)}.theme-buttons-container{border-radius:15px;gap:5px;justify-content:space-between;margin:10px auto;padding:5px;width:90%}.theme-button{background:#0000;border:none;border-radius:10px;cursor:pointer;gap:10px;height:40px;width:100%}.theme-button:hover{background:#202020;background:var(--primary-light)}.nav-left a img{width:50px}.nav-right{background:#202020;background:var(--primary-light);border-radius:15px;gap:15px;padding:12px}.nav-right a{text-decoration:none}.font-size-large{font-size:1.5em;-webkit-user-select:none;user-select:none}.fof-page{background:#111;background:var(--primary);gap:40px;height:100%;z-index:1}.login-container{margin:10% 0}.login,.signup{align-items:start;border:1px solid #fff;border:1px solid var(--light);border-radius:30px;flex-direction:column;gap:30px;margin:auto;padding:50px}.col-white,.fof-page,.login h2,.login label,.login span,.nav-left,.nav-right-link,.sub-component,.theme-button{color:#fff;color:var(--light);text-decoration:none}.col-primary{color:#fff!important;color:var(--light)!important}.login label{width:100%}.login .material-symbols-filled,.login .material-symbols-outlined{color:#121212!important}.primary-styled-button{background:#111;background:var(--primary);background:#cacaca;background:var(--secondary);border:none;border-radius:50px;color:#fff;color:var(--light);color:var(--dark);cursor:pointer;padding:10px 0;width:100%}.primary-styled-button-l{font-size:18px;padding:10px 20px}.dark-button{background:#111;background:var(--primary);border:none;color:#fff;color:var(--light);cursor:pointer;font-size:16px;gap:5px}.input-box{background:#e2e2e2;background:var(--inverted-primary);border:none;border-radius:50px;gap:5px;justify-content:flex-start;padding:10px 15px;width:100%}.input-box select{background:#0000;border:none;outline:none;width:100%}.input-box input{background:#0000;border:none;width:90%}.error{background:#ffefef;background:var(--error-light);border:1px solid red;border:1px solid var(--error-dark);border-radius:50px;padding:10px 50px}.error,.success{display:flex;flex-wrap:wrap;margin:0 auto}.success{background:#effffb;background:var(--success-light);border:1px solid #0c915e;border:1px solid var(--success-dark);border-radius:50px;cursor:pointer;padding:5px 50px}.user-first-last-name-container{align-items:center;display:flex;gap:20px;width:100%}.user-first-last-name-container div{width:100%}.services-section{background:#111;background:var(--primary);flex-direction:column;gap:50px;padding:30px 0 100px}.services-container{background:#0000;color:#fff;color:var(--light);flex-wrap:wrap;gap:10px;margin:auto;width:80%}.card-1x1{background:#ffffff41;background:var(--border-gray);border:1px solid #ffffff41;border:1px solid var(--border-gray);border-radius:15px;color:#fff;color:var(--light);cursor:pointer;flex-basis:360px;flex-grow:1;gap:15px;justify-content:space-between;padding:5px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:400px}.card-1x1 .material-symbols-outlined{font-size:2rem}.card-1x1:hover{background:#202020;background:var(--primary-light)}.card-1x1:hover img{transform:translateY(-20px)}.card-1x1 p span{font-size:.5rem}.card-1x1 img{text-wrap:wrap;border-radius:10px;height:75%;object-fit:cover;perspective:100px;width:100%}.teacher-card-container{align-items:start;color:#fff;color:var(--light);flex-direction:column;height:100%;justify-content:space-around;margin:50px auto;width:90%}.profile-container form{display:flex;flex-direction:column;gap:20px}.teacher-card{flex-basis:auto;flex-grow:0;justify-content:center;margin:20px 0;padding:25px 50px;width:auto}.profile-container{margin:auto;width:90%}.larger-text{color:#fff;color:var(--light);font-size:2rem;text-align:center}.fof-page{flex-direction:column;opacity:.5;text-align:center;-webkit-user-select:none;user-select:none}.fof-page img{height:50%;opacity:.3}.w-100p{width:100%}.loading{color:#062b00;width:200px}.loading-anim{animation-duration:1s;animation-iteration-count:infinite;animation-name:loading}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;height:40px;outline:none;overflow:hidden;width:40px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.tray-menu{background-color:#111;background-color:var(--primary);border:1px solid #202020;border:1px solid var(--primary-light);border-radius:10px;box-shadow:0 4px 8px #0003;box-shadow:0 0 5px #5f5c5b;box-shadow:0 0 5px var(--light-dark);display:flex;flex-direction:column;overflow:hidden;position:absolute;top:90px;transform-origin:top center;transition:transform .4s ease,opacity .4s ease;width:150px;z-index:10}.tray-closing{opacity:0;transform:translateX(20px)}.hidden{display:none}.tray-item{background:none;border:none;border-bottom:1px solid #202020;border-bottom:1px solid var(--primary-light);color:#fff;color:var(--light);cursor:pointer;font-size:14px;gap:5px;justify-content:start;padding:10px;text-align:left;transition:background-color .2s ease}.tray-item:hover{background-color:#202020;background-color:var(--primary-light)}.tray-item:last-child{border-bottom:none}.sub-component{background:#202020;background:var(--primary-light);border-radius:15px;height:80%;margin:auto;padding:20px;width:90%}.help-component-container{justify-content:start;padding:20px;width:100%}.help-card div{margin:10px 0}.active{background:#202020!important;background:var(--primary-light)!important;box-shadow:2px 2px 10px #00000038;color:#fff!important;color:var(--light)!important}::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background:#111}@keyframes loading{0%{background:#111;background:var(--primary)}50%{background:#cacaca;background:var(--secondary)}to{background:#111;background:var(--primary)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.material-symbols-filled{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 24}
/*# sourceMappingURL=main.52648d6c.css.map*/