header nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}header nav .wl-logo{display:block;aspect-ratio:160/60;width:140px}@media (min-width: 768px){header nav .wl-logo{width:160px}}header nav #menu-list{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem 0;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#eee}header nav #menu-list li{border-bottom:1px solid;font-size:clamp(1.25rem,1.15rem + .35vw,3.125rem)}header nav #menu-list li a:hover,header nav #menu-list li a:focus{text-decoration:none}@media (min-width: 768px){header nav #menu-list{display:flex;flex-direction:row;gap:0 1.2rem;position:static;width:auto;height:auto;background-color:rgba(0,0,0,0);border:none}header nav #menu-list li{border:none;font-size:inherit}}header nav #menu-button{border-radius:10px;padding:.5rem;background-color:#142f32;color:#fff;z-index:1000}header nav #menu-button .lines{display:inline-block;width:25px;height:2px;background-color:#fff;position:relative;vertical-align:middle;margin-right:5px;transition:background-color 500ms linear}header nav #menu-button .lines::before,header nav #menu-button .lines::after{content:"";width:25px;height:2px;left:0px;background-color:#fff;position:absolute;transition:transform .5s ease}header nav #menu-button .lines::before{transform:translateY(-10px)}header nav #menu-button .lines::after{transform:translateY(10px)}header nav #menu-button[aria-expanded=true] .lines{background-color:rgba(0,0,0,0)}header nav #menu-button[aria-expanded=true] .lines::before{transform:translateY(0px) rotate(45deg)}header nav #menu-button[aria-expanded=true] .lines::after{transform:translateY(0px) rotate(-45deg)}header nav #menu-button[aria-expanded=true]+#menu-list{display:flex;z-index:999}@media (min-width: 768px){header nav #menu-button{display:none}}