@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);.app{text-align:center}*{box-sizing:border-box;font-family:Open Sans,sans-serif}*,body{margin:0}body{background-color:var(--blue);color:var(--light-grey)}button{background-color:var(--lighter-blue);border:none;border-radius:5px;color:#fff;font-size:14px;margin:2px 5px;outline:none;padding:10px;transition:all .2s ease}button:disabled,button:hover{background-color:var(--dark-blue)}:root{--darkest-blue:#0a0e11;--dark-blue:#11181e;--blue:#182028;--light-blue:#1e2932;--lighter-blue:#222a32;--dark-grey:#696969;--grey:#9c9c9c;--light-grey:#ccc;--main:#3174d8}.subjects-cards{grid-gap:15px;-webkit-animation:Test 1s;animation:Test 1s;display:grid;gap:15px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(var(--subject-card-width),1fr));grid-template-rows:auto;padding:5px}.sub-nav{align-items:center;display:flex;justify-content:start;margin:10px}.sub-nav .group{display:flex;height:100%;padding:10px}.sub-nav p{margin:10px}.sub-nav button{background-color:var(--lighter-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:2px 5px;outline:none;padding:10px;transition:all .1s ease}.sub-nav button:active{background-color:var(--dark-blue)}.sub-nav .active{background-color:var(--dark-blue)!important}input[type=search]{background-color:var(--lighter-blue);border:none;border-radius:10px;color:#fff;font-size:15px;margin:10px;min-width:275px;padding:15px 20px;width:20vw}@-webkit-keyframes Test{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Test{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:640px){.sub-nav{align-items:center;display:flex;flex-direction:column;justify-content:start;margin:10px}}*{--subject-card-width:clamp(300px,95vw,400px);--subject-card-height:clamp(100px,40vw,140px)}.subject-card{align-items:start;background-color:var(--light-blue);border-radius:10px;box-shadow:0 8px 10px 0 hsla(0,0%,7%,.8);color:#fff;display:flex;flex-direction:column;justify-content:start;margin:auto;min-height:var(--subject-card-height);padding:10px;text-align:left;width:var(--subject-card-width)}.subject-card>div:not(.subject-card-grades){align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.subject-card-text-div{overflow:hidden;width:100%}.attendance{width:100%}.subject-card-title-div{height:clamp(1.6rem,2vw,1.8rem);overflow:hidden}.subject-card-title{font-size:clamp(.95rem,2vw,1.05rem);font-weight:400;overflow-wrap:break-word;padding:2px 2px 0}.text-scroll-animation{-webkit-animation:text-scroll 4s ease-in-out infinite forwards;animation:text-scroll 4s ease-in-out infinite forwards}@-webkit-keyframes text-scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-55%);transform:translateY(-55%)}50%{-webkit-transform:translateY(-55%);transform:translateY(-55%)}95%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-55%);transform:translateY(-55%)}50%{-webkit-transform:translateY(-55%);transform:translateY(-55%)}95%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.subject-card-days{align-items:start;display:flex;font-size:clamp(.75rem,1.5vw,.85rem);font-weight:300;justify-content:start;margin-top:-3px;opacity:50%;padding:0 2px}.subject-card-grades{grid-gap:0 clamp(0px,1vw,3px);display:grid;grid-template-columns:repeat(auto-fill,clamp(20px,5vw,25px));grid-template-rows:auto;min-height:clamp(20px,5vw,25px);overflow:hidden;padding:2px 0;width:100%}.grade{align-items:center;-webkit-animation:GradeAnimation .5s linear;animation:GradeAnimation .5s linear;background-color:var(--light-grey);border-radius:5px;color:#000;display:flex;height:clamp(20px,5vw,25px);justify-content:center;margin:2px;position:relative;width:clamp(20px,5vw,25px)}.grade-title{font-size:clamp(12px,3vw,15px);font-weight:500}.grade-weight{font-size:clamp(7px,.5vw,8px);font-weight:0;position:absolute;right:clamp(1px,.2vw,2px);top:clamp(1px,.2vw,2px)}@-webkit-keyframes GradeAnimation{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}1000%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes GradeAnimation{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}1000%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.attendances-section{display:flex;flex-direction:column;justify-content:center;width:100%}.attendancesText{font-size:.8rem;font-weight:100;opacity:.6;padding:2px;text-align:end}.progress-bar{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:14px;justify-content:center;overflow:hidden;position:relative;width:100%}.progress-bar .progress{-webkit-animation:ProgressBarAnimation .75s ease-in-out forwards;animation:ProgressBarAnimation .75s ease-in-out forwards}.progress-bar-title{color:#000;font-family:Roboto,sans-serif;font-size:12px;font-weight:800;opacity:.75;z-index:1}@-webkit-keyframes ProgressBarAnimation{0%{width:0}to{width:100%}}@keyframes ProgressBarAnimation{0%{width:0}to{width:100%}}.grades-averages{align-items:center;display:flex;height:100%;justify-content:center;padding-top:5px;width:100%}.grades-averages p{font-size:clamp(.85rem,1vw,.9rem);opacity:75%;padding:2px}table{width:100%}table tr{display:flex;justify-content:space-between}table td,table th{font-size:clamp(.75rem,1.5vw,.8rem)}.login{margin:50px}.login,form{align-items:center;display:flex;flex-direction:column;justify-content:center}form{-webkit-animation:loginInitialization .3s ease-in-out forwards;animation:loginInitialization .3s ease-in-out forwards;height:100%;width:300px}@-webkit-keyframes loginInitialization{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes loginInitialization{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}form p{font-size:14px;padding:4px}form a{color:#fff}.input-div{margin:20px;position:relative;width:100%}.input-div label{color:#fff;cursor:text;display:block;font-size:.9rem;position:absolute;top:30px;-webkit-transform:translateY(-27px);transform:translateY(-27px);transition:all .3s ease}.input-div input{background-color:initial;border:none;border-bottom:4px solid var(--light-blue);caret-color:#fff;color:#fff;outline:none;padding:5px;width:100%}.input-div .underline{background-color:var(--dark-blue);bottom:0;height:4px;position:absolute;transition:all .2s ease;width:0}.input-div input:focus~.underline,.input-div input:not(:placeholder-shown)~.underline,.input-div input:valid~.underline{transition:all .2s ease;width:100%}.input-div input:focus~label,.input-div input:not(:placeholder-shown)~label,.input-div input:valid~label,input:-webkit-autofill+label{color:var(--light-grey);font-size:.75rem;-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:all .3s ease;transition:all .3s ease}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px var(--blue) inset!important}.login-button{width:100%}.login-footer{align-items:center;-webkit-animation:footerInitialization .8s linear forwards;animation:footerInitialization .8s linear forwards;background-color:var(--dark-blue);border-radius:8px;bottom:10px;display:flex;justify-content:center;left:2%;padding:20px 10px;position:fixed;transition:all .5s;width:96%;z-index:100}@-webkit-keyframes footerInitialization{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes footerInitialization{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.login-footer p{font-size:clamp(14px,2vw,16px);margin-left:2px;margin-right:20px}.login-footer button{background:none;position:absolute;right:0;top:0}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;position:relative;width:48px}.loader,.loader:after{border-radius:50%;box-sizing:border-box}.loader:after{border:5px solid;border-color:var(--main) transparent;content:"";height:65px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error{fill:#b42020;box-sizing:border-box;display:inline-block;height:80px;position:relative;width:80px}.login main{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.disabled{display:none!important}input:disabled{background-color:var(--lighter-blue)!important}.loader-div{-webkit-animation:revealAnimation .4s forwards;animation:revealAnimation .4s forwards;height:100%;position:absolute;top:40px;width:100%}.loader-div p{margin:10px;width:100%}.error-div,.logged-out-div{-webkit-animation:revealAnimation .4s forwards;animation:revealAnimation .4s forwards;height:100%;position:absolute;top:20px;width:100%}.logged-out{box-sizing:border-box;display:inline-block;height:80px;position:relative;width:80px}@-webkit-keyframes revealAnimation{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes revealAnimation{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav{align-items:center;-webkit-animation:loginNavbar .5s linear forwards;animation:loginNavbar .5s linear forwards;background-color:var(--dark-blue);display:flex;justify-content:space-between;opacity:0;padding:20px 0;position:fixed;top:0;transition:all .5s;width:100%;z-index:100}@-webkit-keyframes loginNavbar{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes loginNavbar{0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-placeholder{height:110px;margin:5px 0;padding:20px 0}.nav .site-logout{background-image:url(/static/media/logout.862cf158d5e77ed69b78.svg);cursor:pointer;height:30px;margin:20px;transition:path .2s ease-in-out;width:30px}.nav .site-preview-data{background-color:var(--darkest-blue);border-radius:10px;cursor:pointer;margin:20px;padding:10px}.site-title{align-items:center;color:#ddd;display:flex;font-size:clamp(1.2rem,2vw,1.5rem);justify-content:center;text-decoration:none}.site-title img{margin:2px;opacity:.8}.site-title div{opacity:.9}small{display:block;font-size:clamp(.9rem,1.5vw,1rem);opacity:.75;text-align:left;width:100%}.title-links-section{display:flex;flex-direction:column;margin:10px}.nav .site-logout:active,.nav .site-logout:hover{background-image:url(/static/media/logout-hover.93fc5eab2367e455a6eb.svg);transition:path .2s ease-in-out}
/*# sourceMappingURL=main.b7db0367.css.map*/