.header{width:100vw;height:100px;z-index:2;display:flex;align-items:center;font-family:var(--font-poppins-medium);background-color:var(--primary);padding:10px 20px}.desktop-header{display:flex;flex-direction:row;flex:1;gap:10px;padding-right:20px}.navbar{color:#fff;display:flex;justify-content:flex-end;align-items:center;padding:20px}.menu{list-style:none;display:none;background-color:var(--secondary);position:absolute;top:20px;right:90px;border-radius:20px;width:150px}.menu.open{display:block}.menu li{padding:10px;text-align:center}.menu li a{color:#fff;text-decoration:none;display:block;transition:background-color .3s ease;border-radius:10px}.menu li a:hover{background-color:#333;color:primary}.hamburger-view{position:absolute;top:20px;right:20px;background-color:var(--secondary);border-radius:20px;padding:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.hamburger-view:hover{background-color:var(--secondaryTint);transition:background-color .3s ease}.hamburger{height:50px;width:50px}.bars,.hamburger{display:flex;justify-content:center;align-items:center}.bars{flex-direction:column;gap:5px}.bar{height:3px;width:25px;background-color:#fff;align-self:center;transition:transform .3s ease}