.menu-bars{margin-left:1.5rem;font-size:1.5rem;background:none}.menu-account{margin-right:1.5rem;font-size:1.5rem;background:none}.nav-menu{background-color:#285e61;width:250px;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:-100%;transition:.85s;z-index:9999}.nav-menu_logout-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;outline-color:#fff;background-color:#285e61;border:2px solid white;border-radius:50px;width:13rem;height:2.8rem}.nav-menu_logout-button:hover{background-color:#2c7a7b}.nav-menu_logout-button a{text-decoration:none}.nav-menu.active{left:0;transition:.35s}.nav-text{display:flex;justify-content:start;align-items:center;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text a,.nav-text p{text-decoration:none;color:#f5f5f5;width:95%;height:100%;display:flex;align-items:center;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#2c7a7b}.nav-menu-items{width:100%}.navbar-toggle{background-color:#285e61;width:100%;height:80px;display:flex;justify-content:start;align-items:center}span{margin-left:16px}:root{--solidBg: "#319795";--solidHoverBg: "#2C7A7B";--solidActiveBg: "#285E61";--outlinedColor: "#2C7A7B";--outlinedBorder: "#2C7A7B";--outlinedHoverBg: "#E6FFFA";--outlinedActiveBg: "#B2F5EA";--solidBgTransparent: "rgba(44, 122, 123, 0.4)"}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.basic-link{text-decoration:none;color:#319795}.basic-link:hover{text-decoration:underline}.grid-container{display:grid;grid-template-areas:"header" "main";grid-template-rows:56px 1fr;grid-template-columns:1fr;height:100vh;width:100vw}.navbar{grid-area:header}.main{grid-area:main;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:2rem 1.5rem}.new-calendar-card{cursor:pointer}.new-calendar-card:hover button{background-color:#2c7a7b}span{margin:0}.event-card--full{background-color:#2c7a7be6;border:1px solid rgba(0,0,0,.2);cursor:no-drop}.event-card--reserved{background-color:#2c7a7b;border:1px solid rgba(0,0,0,.2);cursor:no-drop}.event-card--reserved:hover{background-color:#2c7a7b;border:1px solid rgba(0,0,0,.2)}.event-card,.event-card--enabled{background-color:#2c7a7bb3;border:1px solid rgba(0,0,0,.2);cursor:pointer}.event-card:hover{background-color:#2c7a7b;border:1px solid rgba(0,0,0,.2)}.event-card--full:hover{background-color:#2c7a7b4d;border:1px solid rgba(0,0,0,.2)}