@import"https://fonts.googleapis.com/css2?family=Montserrat: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";nav{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:25px 35px;box-shadow:1px -1px 21px 4px #0464acbf}nav:after{content:"";z-index:-1;position:absolute;background:linear-gradient(90deg,rgba(4,100,172,.9),rgba(4,121,196,.9),rgba(0,152,218,.9));top:0;right:0;bottom:0;left:0}nav,.navbar-logo,.login-button{transition:scale .15s ease-in-out;transition:font-size .15s ease-in-out;transition:padding .15s ease-in-out;transition:color .15s ease-in-out}.navbar-logo{width:auto;height:64px}.navbar-logo:hover{scale:1.03}.login-button{border-radius:10px;border:none;font-size:26px;font-weight:600;letter-spacing:1.25px;cursor:pointer;background:none;color:#fff;padding:0}.login-button a{background:none;color:#fff;text-decoration:none}.login-button:hover a{color:#fffc}@media screen and (width <= 550px){nav{padding:25px 15px}.navbar-logo{height:54px}.login-button{font-size:24px}}@media screen and (width <=410px){.navbar-logo{height:48px}nav{padding:25px 5px}}@media screen and (width <=360px){.navbar-logo{height:42px}.login-button{font-size:20px}nav{padding:25px 5px}}.class-button{display:flex;justify-content:center;align-items:start;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;max-width:165px;background:transparent}.class-choose-button{width:125px;height:50px;border:1px solid black;border-bottom:none;border-radius:10px 10px 0 0;position:relative;font-size:24px;display:flex;justify-content:start;align-items:center;padding:0 0 0 25px;background:var(--button-background);cursor:pointer;color:#292929}.class-chosen{width:135px;height:50px;border:1px solid black;border-radius:0 10px 10px;font-size:24px;display:flex;justify-content:start;align-items:center;padding:0 0 0 25px;color:#292929;background:var(--button-background);cursor:pointer}.class-choose-button-container:after{content:"";position:absolute;width:123px;height:3px;background:var(--button-background);bottom:50px;left:1px;cursor:pointer}.class-choose-button-container{display:flex;justify-content:center;align-items:start}.class-choose-button-border{width:20px;height:40px;border:1px solid black;border-top:none;border-right:none;position:absolute;right:20px;bottom:51px;border-bottom-left-radius:10px;box-shadow:0 9px 0 0 var(--button-background)}.class-button-container{position:relative}.classes-menu{position:absolute;z-index:10;background-color:#fff;border:1px solid black;border-top:none;bottom:-156px;left:0;border-radius:0 10px 5px 5px;height:200px;list-style:none;width:160px;display:flex;justify-content:start;align-items:start;flex-direction:column;font-weight:400;padding:6px 0 0;margin:0;overflow:hidden;overflow-y:auto}.classes-menu-item{background-color:#fff;box-sizing:border-box;font-size:24px;position:relative;cursor:pointer;padding:10px 0 10px 25px;width:100%}.classes-menu-item:before{content:"";display:none;position:absolute;width:160px;height:10px;background:rgb(138,137,137,.3);left:0;top:-10px;border-top-right-radius:10px}.classes-menu-item-selected{background:rgb(4,100,172);color:#fff}.classes-menu-item-top:after{content:"";position:absolute;width:160px;height:10px;background:rgb(4,100,172);left:0;top:-10px;border-top-right-radius:10px}.classes-menu-item:not(.classes-menu-item-selected):hover{background:rgb(138,137,137,.3)}.classes-menu-item:not(.classes-menu-item-selected):nth-child(1):hover:before{display:block}@media screen and (width <=475px){.class-choose-button-border{bottom:51px}}@media screen and (width <=420px){.class-choose-button-container:after{bottom:50px}}.main-schedule-big,.main-schedule-small{border:1px solid black;border-collapse:collapse;padding:0;margin:0;table-layout:fixed;display:table}th{border:1px solid black;padding:0 5px}.lessons{height:100px}th:nth-child(1){border-left:none}.days-container{padding:0 10px}.lesson-number-container{height:60px;padding:0}.lesson-number{font-size:16px;font-weight:600}.lesson-time{font-size:12px;width:max-content;font-weight:500;width:95px}.lessons{font-weight:600}.lesson{justify-items:center;align-items:center;flex-direction:column;position:relative;box-sizing:border-box;width:100%;height:120px;padding:0;max-width:90px;overflow:hidden}.lesson-name{display:flex;justify-content:center;align-items:center;text-align:center;height:100%;width:100%;font-weight:600;overflow:hidden;box-sizing:border-box;padding:5px;white-space:normal;overflow-wrap:anywhere;font-size:13px}.lesson-extra-info{box-sizing:border-box;position:relative}.lesson-class{position:absolute;bottom:2px;left:3px;font-size:16px;font-weight:500}.lesson-teacher{position:absolute;bottom:2px;right:3px;font-size:22px;font-weight:600}.main-schedule-small{display:none}.schedules-container{max-height:2000px;display:flex;flex-direction:column;justify-content:start;gap:50px;padding:0 0 50px}@media screen and (width <=1310px){.main-schedule-big{display:none}.main-schedule-small{display:table}.lessons{max-width:90px;padding:5px;box-sizing:border-box;position:relative;font-size:16px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.lesson{width:90px;max-width:90px}.lesson-number-container{height:120px}}@media screen and (width <=590px){.schedules-container{transform-origin:center top;transform:scale(.9)}}@media screen and (width <=535px){.schedules-container{transform-origin:center top;transform:scale(.8)}}@media screen and (width <=475px){.schedules-container{transform-origin:center top;transform:scale(.7)}}@media screen and (width <=420px){.schedules-container{transform-origin:center top;transform:scale(.65)}}@media screen and (width <=390px){.schedules-container{transform-origin:center top;transform:scale(.6)}}.popup{z-index:2;position:fixed;width:100%;height:100%;background-color:#00000060;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.popup-content{width:80%;height:80%;background-color:#0098da;border-radius:10px;padding:25px 50px}.popup-lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.popup-lesson-header h2{margin:0;color:#fff}.popup-lesson-header button{background:none;cursor:pointer;border:none}.popup-lesson-header button svg{width:32px;height:32px}.popup-lesson-header button svg path{fill:#fff}.popup-selected-lesson-info{display:flex;flex-direction:column;justify-content:start;align-items:start;color:#fff;list-style:none;padding:0;gap:10px}.popup-selected-lesson-info-item{padding:15px;border-radius:10px;width:400px;background-color:#0e63d1;display:flex;justify-content:space-between;align-items:center;gap:25px}.lesson-names-list select{cursor:pointer;width:150px;height:45px;color:#fff;background:none;border:none;font-size:15px;border:1px solid black;padding:10px;border-radius:10px}.lesson-names-list select option{width:150px;color:#000;background:none;border:none}.dashboard{width:100%;height:100%;overflow-x:hidden}#id{height:100%}.login-header{font-size:42px}.login-container{box-sizing:border-box;height:100%}.login-menu{height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-inputs{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:10px;border:1px solid black;border-radius:10px;padding:25px}label b{font-size:22px;font-weight:500}input{padding:10px;border-radius:10px;width:250px;border:1px solid black}.different-login-ways{display:flex;justify-content:center;align-items:center;list-style:none;gap:15px;padding:0;margin:0;width:100%}.custom-login{width:46px;height:46px;cursor:pointer}.seperate-login-ways{margin:25px 0;width:100%;font-weight:600;text-align:center}.forgot-password{width:100%;margin:5px 0;font-weight:500;text-align:end;text-decoration:none;color:#0098da}.submit-login{padding:10px 25px;border:1px solid black;border-radius:10px;cursor:pointer}:root{--button-background: #fff}body,html{box-sizing:border-box;position:relative;font-family:Montserrat,sans-serif;padding:0;margin:0;scroll-behavior:smooth;width:100%;height:100%}*{letter-spacing:1.25px}*::-webkit-scrollbar{width:0px}*::-webkit-scrollbar-track{background:#ffffff;border-radius:10px}*::-webkit-scrollbar-thumb{background-color:#fff}#root{width:100%;height:100%}.app-main-div{width:100%;height:100%;overflow-x:hidden}.schedule-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;margin-top:100px}.main{height:100%;width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:50px}