header{align-self:baseline;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 1.5rem;position:relative;z-index:1001;font-size:1.5rem;font-weight:300}.navbar .logo{font-weight:350}.navbar ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.navbar ul li a{text-decoration:none;color:var(--color-grey-light);transition:color .5s;border-bottom:0 solid transparent}.navbar ul li a:hover{color:var(--color-grey-dark)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1002}.hamburger span{width:25px;height:3px;background:var(--color-grey-light);color:#000;border-radius:2px;transition:all .2s ease}a.site-title{text-decoration:none;color:var(--color-grey-light);transition:color .5s;position:relative;font-size:1.75rem;font-weight:400;margin-right:1.75rem;border-bottom:0 solid transparent;width:var(--desktop-logo-width)}a.site-title:hover{color:var(--color-grey-dark)}@media(width >= 768px){.navbar{}.navbar-mobile{display:none}}@media(width < 768px){.navbar-desktop{display:none}.navbar-mobile{display:flex}.navbar{justify-content:space-between}.navbar ul{position:fixed;top:0;left:0;height:100vh;width:100%;background:rgba(255,255,255,.95);flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;transition:opacity .35s ease-in-out;pointer-events:none}.navbar ul.active{opacity:100%;pointer-events:auto}.navbar ul li a{font-size:1.5rem}.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}}