header{left:0;position:fixed;top:0;z-index:998}header>div>div{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;min-height:80px;padding-inline:2rem;width:100vw;>a{align-items:center;display:flex}>a img{align-self:center;height:50px!important}}#desktopNav{display:block}#mobileNav{display:none;>div{background-color:var(--brand-primary);display:none;height:100vh;padding:4rem 2rem;position:absolute;right:0;top:0;width:100vw;&.open{display:block}>svg{cursor:pointer;position:absolute;right:2.2rem;top:30px}}>svg{cursor:pointer}}#main-nav{display:flex;gap:1rem;height:100%;list-style:none;margin:0;padding-left:0;>li{align-items:center;display:flex;height:100%;margin-bottom:0;position:relative;>a{color:#fff;font-family:Poppins;font-size:16px;text-decoration:none}&:hover .submenu{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}&:last-of-type a{background-color:var(--brand-secondary);border-radius:40px;padding:.3rem .5rem}}}#mobile-nav{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;list-style:none;margin:0;padding-left:0;>li{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:0;position:relative;>a{color:#fff;font-family:Poppins;font-size:16px;text-decoration:none}&:hover .submenu{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}&:last-of-type a{background-color:var(--brand-secondary);border-radius:40px;padding:.3rem .5rem}}}.submenu{background-color:var(--header-background);display:none;left:50%;list-style:none;padding:1rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;width:max-content;z-index:999;>li{margin:0}>li a{color:#fff;font-family:Poppins;text-decoration:none}}#mobile-nav>li>.submenu{background-color:var(--header-background);display:none;left:none;list-style:none;padding:1rem;position:relative;top:none;transform:translateX(-50%);white-space:nowrap;width:max-content;z-index:none;>li{margin:0}>li a{color:#fff;font-family:Poppins;text-decoration:none}}@media (max-width:800px){#desktopNav{display:none}#mobileNav{align-items:center;display:flex;justify-content:center}}.scrolled{background-color:var(--header-background)}