/* ------------------------------ */
/* ------------------------------ */
/* SCALE */
:root {
   --scale: 0.8;
}


/* ------------------------------ */
/* ------------------------------ */
/* HEADER */
#Header .center {
   grid-template-columns: calc(80px * var(--scale)) calc(80px * var(--scale)) calc(80px * var(--scale)) calc(300px * var(--scale)) auto;
   height: calc(80px * var(--scale));
}

#Header .center.admin {
   grid-template-columns: calc(80px * var(--scale)) calc(80px * var(--scale)) calc(80px * var(--scale)) calc(300px * var(--scale)) auto;
   height: calc(80px * var(--scale));
}

#Header #Sidebar-Button {
   display: flex;
}


/* ------------------------------ */
/* ------------------------------ */
/* LAYOUT */
#Page {
   width: 100%;
   left: 0px;
   border-right: none;
}


/* ------------------------------ */
/* ------------------------------ */
/* SIDEBAR */
#Sidebar {
   top: calc((80px * var(--scale)) + 6px);
   left: calc(-400px * var(--scale));
   width: calc(400px * var(--scale));
   z-index: 110;
}