:root{--primary-color: #1976d2;--secondary-color: #dc004e;--tertiary-color: #ffa726;--text-link-color:#fffefc;--main-body-background-color:#F8F7FA}body{overflow-y:hidden}.lklklk{color:var(--primary-color);background-color:#1976d2}.container1{overflow-y:hidden;margin-top:3%;margin-left:10%;width:65%;display:flex;flex-direction:column;align-content:center;justify-content:center}.side-bar-container{position:absolute;height:100%;display:none;overflow-y:hidden;background-color:#242745;color:#fff}@media (min-width: 600px){.side-bar-container{display:flex;width:18%}}@media (min-width: 900px){.side-bar-container{display:flex;width:25%}}.main-container{position:absolute;background-color:var(--main-body-background-color);overflow-y:scroll;height:100%;width:100%}@media (min-width: 600px){.main-container{width:82%;margin-left:18%}}@media (min-width: 900px){.main-container{width:82%;margin-left:18%}}.flex{display:flex}.space-between{justify-content:space-between}.main-page{display:flex;flex-direction:column;width:100%;padding:20px;overflow:hidden;margin-bottom:10%}.main-directory{display:flex;gap:3px;justify-content:flex-start;padding-left:10px;padding-top:10px;height:40px;border-radius:30px;background-color:#fff;width:97%}.main-general-directory{font-weight:bolder}.school-general-directory-divider{margin-left:8px;color:brown}.boder-radius-40{border-radius:50px}.home-total-stats{display:flex;flex-direction:column;border-radius:14px;color:#fff;margin-right:10%}.home-total-students{color:#000;z-index:2;box-shadow:0 4px 8px #0003}.home-total-employees,.home-total-profit{background-color:#7373e4}.home-total-revenue{background-color:#ed8e8e}.unstyled-link{color:#000;text-decoration:none}unstyled-link:hover{color:#00f}.profile-input{width:300px;height:40px;padding-left:6px;border:none}.change-profile{padding:10px;align-items:center;gap:15px;display:flex;flex-flow:wrap;flex-direction:column;border-right:1px rgb(88,83,83) solid;margin-right:5px}@media (max-width: 599px){.change-profile{width:100%}}@media (min-width: 600px){.change-profile{width:48%}}.form-profile{padding:10px;display:flex;align-items:center;justify-content:center;flex-flow:wrap;gap:10px;flex-direction:column}@media (max-width: 599px){.form-profile{width:100%}}@media (min-width: 600px){.form-profile{width:48%}}.profile{display:flex;flex-direction:column;justify-content:center;margin-top:20px;background-color:#f5f5f9;padding:30px;align-items:center;border:1px solid rgb(201,197,197);border-radius:50px;z-index:3}@media (max-width: 599px){.profile{width:100%}}@media (min-width: 600px){.profile{width:100%}}.flex-row{display:flex;flex-direction:row;padding-top:8px;gap:5px;flex-flow:wrap;border-radius:50px;margin-top:10px;border:.1px solid lightblue;width:100%}.side-bar{overflow:hidden;width:79%;position:relative;border:1px solid;border-color:#1976d2}.side-bar:hover{overflow:auto}.side-bar::-webkit-scrollbar{width:4px;height:8px}.side-bar::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.side-bar::-webkit-scrollbar-track{background:#0000001a}.side-bar{scrollbar-width:none}.side-bar:hover{scrollbar-width:thin;scrollbar-color:rgba(106,104,104,.5) rgba(164,160,160,.1)}.side-bar-content{margin-top:5px}.side-bar-content-active{background-color:#f5f5f5;color:#000;border:4px white solid;border-radius:100px}.side-bar-link{text-decoration:none;color:inherit;outline:none}.side-bar-link:hover{color:#9393f1}.side-bar-active-link{text-decoration:none;outline:none}.side-bar-icons{min-width:40px}.vertical-line{width:2px;color:#00f;background-color:#1976d2;left:18%;border-radius:2px}.side-bar-a{text-decoration:none;color:#fff}.container h2{color:#333;margin-bottom:20px}.user-info{margin:10px 0;font-size:18px;align-self:center}.label{font-weight:700;color:#555}.value{color:#777}.user-info div{margin-bottom:10px}