.Header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--viewport-width)*60/var(--base-viewport-width)) calc(var(--viewport-width)*80/var(--base-viewport-width));position:absolute;width:100%;z-index:2}.Header__brand{font-family:Khand,sans-serif;font-size:calc(var(--viewport-width)*32/var(--base-viewport-width));font-weight:600;line-height:calc(var(--viewport-width)*51.776/var(--base-viewport-width))}.Header__login,.Header__nav li a{transition:color .25s ease-in-out}.Header__login:hover,.Header__nav li a:hover{color:rgba(var(--color-sea),1)}.Header__nav li a{font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*16/var(--base-viewport-width));font-weight:600;line-height:calc(var(--viewport-width)*25.888/var(--base-viewport-width))}.Header__search{align-items:center;display:flex}.Header__search svg{width:calc(var(--viewport-width)*20/var(--base-viewport-width));stroke-width:3;stroke:rgba(var(--color-ivory),1)}.Header__search input{margin-left:calc(var(--viewport-width)*16/var(--base-viewport-width));padding-right:calc(var(--viewport-width)*32/var(--base-viewport-width))}.Header__login{font-family:Switzer,sans-serif;font-size:calc(var(--viewport-width)*16/var(--base-viewport-width));font-weight:600;line-height:calc(var(--viewport-width)*25.888/var(--base-viewport-width))}
