*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:'Comfortaa', cursive;font-size:16px}html, body{height:100%;background-color:var(--color-dark-1)}ul{list-style-type:none;margin:0}a{text-decoration:none;cursor:pointer}a:link, a:visited{color:inherit}input{border:1px solid grey;padding:2px 5px}select{border:1px solid grey}:root{ --color-primary:#4361EE; --color-primary-dark:#1F3BC0; --color-light-1:#FFFFFF; --color-light-2:#EFF1FE; --color-light-3:#D5DBFB; --color-dark-1:#101C5E; --color-dark-2:#2D3979; --color-dark-3:#474E6B;  --hero-fontSize:2rem;--hero-fontWeight:Bold;--title-fontSize:1.3rem;--title-fontWeight:Bold;--description-fontSize:1rem;--button-fontSize:1rem;--button-fontWeight:Bold}.layout{height:100dvh;display:flex;flex-direction:column;background-color:var(--color-dark-1)}.hidden{display:none}@media only screen and (max-width:600px){}.layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;& .header-grid{grid-column:1 / span 2;grid-row:1 / 2}& .sidebar-grid{grid-column:1 / 2;grid-row:2 / 3}& .content-grid{grid-column:2 / 3;grid-row:2 / 3}}.header{background-color:var(--color-dark-1);color:var(--color-light-1);padding:10px 20px;white-space:nowrap;display:flex;width:100%;flex-direction:row; & .title{width:250px} & .toggle{position:relative;user-select:none}& .toggle:hover .hidden{display:block;position:absolute;right:0;padding:5px 10px;background-color:var(--color-dark-1); & p{padding:5px 0}}& .pageNavs{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px} & .userNavs{width:200px;& .userNavs-wrapper{display:flex;flex-direction:column}& .link{padding:5px 0;text-align:right}}}.header{}.loginCard{background-color:var(--color-dark-1);padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center; & .title{font-size:var(--title-fontSize);font-weight:var(--title-fontWeight);color:var(--color-light-1);margin:0 0 15px 0} & .alertMessage{color:var(--color-light-1)} & .form{text-align:center} & .input{padding:10px;margin:5px 0;text-align:center} & .button{background-color:var(--color-primary);color:var(--color-light-1);font-weight:var(--fontWeight-button);padding:10px 20px;margin:30px 0}}