body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{-webkit-filter:invert(80%);filter:invert(80%);scale:.65;width:100%}#AppMenu{color:#dfdfdf;display:flex;flex-direction:column;left:0;position:fixed;top:4em}#AppMenu>*{align-items:center;background-color:#606060;cursor:pointer;display:flex;height:3em;justify-content:center;margin:0;padding:.5em;width:3em}#AppMenu>*>:hover{rotate:-5deg;scale:.7}#AppMenu>:last-child{background-color:#606060;-webkit-clip-path:polygon(0 0,0 100%,100% 50%,100% 0);clip-path:polygon(0 0,0 100%,100% 50%,100% 0);height:3em;padding-bottom:1.5em;width:3em}#Navbar{color:#dfdfdf;display:flex;position:fixed}#Navbar>*{align-items:center;background-color:#2e2e2e;cursor:pointer;display:flex;height:3em;justify-content:center;padding:.5em;width:3em}#Navbar>:not(.activePage)>:hover{rotate:-5deg;scale:.7}#Navbar>:last-child{background-color:#2e2e2e;-webkit-clip-path:polygon(0 0,0 100%,50% 0);clip-path:polygon(0 0,0 100%,50% 0);cursor:default;height:3em;width:3em}.activePage>*{-webkit-filter:invert(80%) sepia(100%) saturate(2) hue-rotate(60deg);filter:invert(80%) sepia(100%) saturate(2) hue-rotate(60deg);scale:.75}h2{margin:0 0 4%}h2,h3{font-weight:500}h3,p{margin:5px 0}.row{display:grid;grid-template-columns:150px 70px;padding:0 5%;text-align:left}.Class{background-color:#fffcf6;min-width:235px;outline:3px solid #000;overflow:hidden;padding:3% 0}.student_count{color:#2bac2b}.left_count{color:gray}.counts{display:flex;justify-content:space-evenly}.Class.S0{background-color:initial;outline:3px solid #c7c7c7}.Class.S0,.Class.S0 .row .student_count{color:#c7c7c7}.highlight{color:red}.left_true{color:#a6a6a6;font-weight:100;text-decoration:line-through}.clickable{cursor:pointer}.clickable:hover{background-color:#fff6dc}.multi{color:#555;font-style:italic}#Home{display:grid;grid-template-rows:10fr 1fr 1fr 4fr;height:100vh;justify-content:center;justify-items:center;width:100vw}.ClassWrapper{align-items:flex-start;display:grid;grid-template-columns:repeat(4,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;translate:0 8em}.ClassWrapper>*{margin:30px}.Search{order:1;text-transform:uppercase}.Search,.Send{font-size:large;max-height:2.5em;padding:0 2%;width:40vw}.Send{align-items:center;border:1px solid gray;border-radius:2px;cursor:pointer;display:flex;justify-content:center;order:2;text-align:center}.Send:hover{background-color:#f2f2f2}.ClassList{background-color:#565656;border:3px solid #424242;border-radius:1em;display:flex;flex-direction:column;margin-top:2em;padding:0 20px 20px}.ClassList>*{height:2em;margin:2px;width:100%}.ClassList>h3{align-items:center;color:#fff;display:flex}.ClassList>h3>*{font-weight:400;margin-left:1em}.ClassList.S0{display:none}.StudentList-row{align-items:center;background-color:#fafafa;border:2px solid #fafafa;border-radius:5px;display:inline-flex}.StudentList-row>*{align-items:center;display:flex;height:100%}.StudentList-name{background-color:#fafafa;padding-left:8px;width:70%}.StudentList-car{background-color:#fafafa;width:30%}.button{border-radius:5px;cursor:pointer;width:2em;z-index:1}.button>img{-webkit-filter:invert(100%);filter:invert(100%)}.delete{background-color:#fc827b}.edit{background-color:#76f68c}.addCar{background-color:#af811e;margin:0 3px}.deleteCar{background-color:#af1e1e}.deleted{display:none}#Edit{align-items:center;display:flex;flex-direction:column;height:100vh;justify-items:center;width:100vw}.ClassListWrapper{display:inline-flex;flex-direction:column;width:50%}.modalContainer{align-items:center;background-color:rgba(0,0,0,.5);color:#000;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:1000}.modalMenu{background-color:#fff;border:3px solid #000;border-radius:10px;padding:20px;width:72%;z-index:calc(inherit + 1)}.modalMenu>*{margin:10px}.modalMenu>input,.studentName{font-size:28px;padding:5px}.studentName{margin-right:15%;width:60%}.studentClass{float:right;right:0;width:15%}.studentCars{text-transform:uppercase;width:30%}.modalButton{align-items:center;background-color:#00bfff;border-radius:10px;color:#fff;cursor:pointer;display:flex;float:right;font-size:20px;height:50px;justify-content:center;padding:0 10px;width:50px}.modalButton:hover{background-color:#0fb3ea;font-size:22px}
/*# sourceMappingURL=main.0e78145d.css.map*/