.menuSection{background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:7.5vh;display:flex}.topMenu{flex-direction:row;justify-content:space-between;align-items:center;width:95%;display:flex}.rightSideInfo{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.logOutButton{border:2px solid var(--color-primary);box-shadow:var(--shadow-lg);padding:.25rem 1rem;transition:all .2s}.logOutButton:hover{cursor:pointer;background-color:var(--color-primary);color:var(--color-bg)}.settingsButton:hover{cursor:pointer}
.footer{background-color:var(--color-bg);width:80px;height:100vh;box-shadow:var(--shadow-giant);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.footerList{flex-direction:column;justify-content:space-evenly;align-items:center;gap:2rem;height:60%;display:flex}.footerLink{color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;padding:.75rem;font-size:1.75rem;transition:all .3s;display:flex}.footerLink:hover{background-color:var(--color-primary);color:var(--color-bg);transform:scale(1.1)}body:has(.footer){padding-left:80px}