header{position:fixed;height:114px;z-index:2;width:100%;max-width:var(--max-width);display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem;background-color:transparent;transition:all .5s ease;border-bottom:1px solid transparent}header>a{display:flex;align-items:center;gap:1ch}header>a>span{font-weight:700;color:var(--clr-primary-300)}header ul{display:flex;gap:1.5rem;flex-wrap:wrap}aside{overflow-y:auto;min-height:100svh;height:100%;position:fixed}aside .aside-wrapper{margin:auto;display:flex;padding:2rem 1rem;flex-direction:column;align-content:center;flex-wrap:wrap;row-gap:3rem;max-width:var(--max-width)}aside>.aside-wrapper>div:first-child{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);width:100%;height:calc(114px - 4rem)}aside #closeMenu{height:32px}aside ul{display:flex;flex-direction:column;gap:1rem}aside ul a{display:flex;align-items:center;gap:1ch}aside ul a:hover{color:#000}aside .login-link,aside .logout-btn{display:flex;gap:1ch;justify-content:center;align-items:center;font-weight:600;transition:transform .1s;width:fit-content}.scrolled{background-color:var(--clr-white);border-bottom:1px solid var(--clr-gray-10)}header .nav-active>a,aside .nav-active>a{font-weight:600;border-bottom:1px solid var(--clr-text-medium);width:fit-content}aside .main svg{color:#000}aside .home svg,#main-dashboard .home svg{color:#9370db}aside .profile svg,#main-dashboard .profile svg{color:#1e90ff}aside .likes svg,#main-dashboard .likes svg{color:var(--clr-primary-400)}aside .bookmarks svg,#main-dashboard .bookmarks svg{color:var(--clr-primary-200)}aside .creators svg{color:tomato}aside .categories svg{color:sienna}aside .countries svg{color:#4169e1}aside .articles svg,#main-dashboard .articles svg{color:#ff8c00}aside .recipes svg,#main-dashboard .recipes svg{color:green}#main-dashboard .affiliations svg{color:#daa520}aside .contact svg{color:#dc143c}@media (max-width: 1439px){aside{display:none;left:0;top:0;width:100%;z-index:3;background-color:var(--clr-white)}aside .login-link,aside .logout-btn{background-color:var(--clr-primary-300);color:#fff;border-radius:64px;padding:1rem 2rem}aside .login-link:hover,aside .logout-btn:hover{background-color:var(--clr-primary-400)}}@media (min-width: 1440px){aside{display:block;top:calc(174px + 1rem);transform:translate(-300px)}aside .login-link,aside .logout-btn{color:var(--clr-primary-300)}}