.header{color:#1e990e;display:grid;grid-template-columns:5fr 12fr 1fr;align-items:center}.header .header-left{margin-left:10px;min-width:250px;height:inherit;display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:5px}.header-left>img:first-child{height:inherit;min-width:100px}.header-left>img:last-child{margin-top:5px;width:80%;min-width:200px}.header-brand-name{font-family:Rye,serif;font-style:normal;text-shadow:2px 2px 1px lightgray;font-size:40px;font-weight:400;text-align:left;margin:2px 2px 2px 10px}.header-brand-name>span:last-child{font-size:small;height:45px;align-content:flex-end;padding-bottom:5px;text-shadow:none;font-weight:400}.header-center{display:flex}.header-menu-grp{display:flex;align-items:center;justify-content:center;flex:1}.header-menu{margin:5px;padding:0 10px;border-radius:5px;height:35px;align-content:center;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:large;text-decoration-line:none}header>div a.active{background-color:gray}.header-menu:hover{background-color:#d3d3d3;cursor:pointer}.header-left>div{display:flex;justify-content:center;align-items:center}.toggle-menu{display:none;background-color:#000;color:#fff;border-radius:2px;width:30px;height:30px;font-size:xx-large;font-weight:bolder}.header-right{margin:2px;display:flex;justify-content:space-evenly;align-self:center;min-width:80px}.header-right>div>svg:hover{cursor:pointer}.header-user-icon{cursor:pointer}.user-profile-menu{position:absolute;right:20px;top:70px;height:40px;padding:5px;box-shadow:1px 1px 1px gray;border-radius:3px;z-index:1000;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;gap:3px}.user-profile-menu>div:first-child{display:flex;align-items:center;gap:5px}.user-profile-menu:hover{cursor:pointer}.header-right .header-user-name{display:none;font-size:large;font-weight:600;color:#24973d;position:relative;background-color:#f5f5f5;height:40px;align-items:center;padding:5px;top:50%;right:105%}.header-right:hover .header-user-name{display:flex}.header-user-icon>img{width:40px;height:40px;border-radius:50%;background-color:#d3d3d3}@media only screen and (width < 1100px){.header{flex-direction:column}.header-menu-grp{display:none;flex-direction:column;justify-content:flex-start;background-color:#d3d3d3;align-items:inherit;animation:closeMenuItems 1s linear}.header.header-left{display:flex}.toggle-menu{display:flex;justify-content:center;align-items:center}.header-menu-grp.header-menu-open{display:flex;animation:openMenuItems 1s linear;position:absolute;top:calc(var(--header-height) - 5px);z-index:2;width:100%;left:0}.header-left img{height:75px}@keyframes openMenuItems{0%{opacity:0}to{opacity:1}}@keyframes closeMenuItems{0%{display:flex;position:absolute;top:calc(var(--header-height) - 5px);left:0;z-index:2;width:100%;opacity:1}50%{opacity:.7}to{opacity:0;display:none;position:absolute;top:calc(var(--header-height) - 5px);left:0;z-index:2;width:100%}}}.main-body{width:100%;height:calc(100vh - 125px);background-color:#35899d}.main-slide-in{width:100%;position:absolute;top:var(--header-height);right:0;z-index:1}.student-registration{overflow:auto;overflow-x:hidden;height:calc(100vh - 50px);font-size:10px;width:400px;float:right;background-color:#a5c6a6}.student-registration>h1{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:xx-large;padding:5px;margin-top:5px}input{display:block;width:90%;padding:5px;margin:3px;border:1px solid #ccc;border-radius:5px}select{display:block;width:90%;margin:3px;padding:5px;border:1px solid #201c1c;border-radius:5px}label{font-size:10px;width:100%;margin:5px;text-align:left;color:#555;font-weight:700}button{padding:5px;border-radius:10px;margin:10px;border:none;color:#fff;cursor:pointer;background-color:#4caf50;width:30%;font-size:16px}.form-btn{display:flex;justify-content:flex-end}.main-slide-in:not(.hidden)+div{opacity:20%}@media screen and (max-width: 600px){.student-registration{width:100%;height:100vh-250px}}footer{background-color:#0ca192}.footer-container{display:flex;color:#fff;height:auto;justify-items:center;align-items:center;justify-self:center;gap:150px}.footer-container>a,.footer-container>p{font-family:Courier New,Courier,monospace;font-size:small}.footer-links{grid-column:2}.footer-container p,.footer-container div{font-family:Courier New,Courier,monospace}.footer-social-media-icons{margin:10px 0;padding:5px;display:flex;align-self:flex-start}.footer-social-media-icons a{font-size:xx-large;padding-left:10px}.footer-social-media-icons svg{fill:#fff}.footer-copyright{background-color:#388258;display:flex;justify-content:center;align-items:center;padding:3px;font-size:x-small;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:25px}.footer-contact-info>div{display:flex;gap:3px;justify-content:flex-start;align-items:center}@media screen and (width < 900px){.footer-container{flex-wrap:wrap;gap:20px;padding:5px}.footer{height:fit-content}}:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--header-height: 120px;--footer-height: 100px;--call-number-height: 30px;--call-number-width: 180px}*{margin:0;padding:0;box-sizing:border-box}div{font-family:DM Sans,sans-serif;font-size:large}p{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-size:larger;font-weight:500;font-style:normal}h1{font-size:3rem;margin-top:25px;color:#000;font-family:Audiowide,sans-serif;font-weight:400;font-style:normal}h3{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.hidden{display:none}.app-container{width:100%;height:100%;background-color:#fff}header{z-index:999;height:var(--header-height);text-decoration:none}main{min-height:80vh}footer{min-height:var(--footer-height)}.icon{width:1.5em;height:1.5em}.always-on-top{position:fixed;margin:3px;top:200px;width:200px;height:var(--call-number-height);right:var(--call-number-height);z-index:9999;background-color:#076807c8;color:#f0f8ff;border-radius:5px;transform:rotate(-90deg);transform-origin:right top;box-shadow:1px 1px 5px #1c1d1b;display:flex;justify-content:center;align-items:center}h1.font-effect-emboss{color:#5f9ea0}@media only screen and (max-width: 900px){h1.font-effect-emboss{font-size:1.8rem}}