.header{background-color:var(--background);z-index:1000;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header nav{gap:1.5rem;display:flex}.header nav a{border-radius:.375rem;height:100%;padding:6px 10px;font-weight:500;text-decoration:none;transition:all .2s}.header nav a:hover{background-color:var(--contrast_bg)}.header-title{font-size:1.25rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.header-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;padding:.5rem 1rem;transition:background-color .2s}.header-button:hover{background-color:#1e40af}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;padding:0;display:none}.hamburger span{background-color:var(--foreground);transform-origin:1px;border-radius:10px;width:2rem;height:.25rem;transition:all .3s linear;position:relative}.hamburger span.open:first-child{transform:rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0;transform:translate(20px)}.hamburger span.open:nth-child(3){transform:rotate(-45deg)}.overlay{z-index:999;background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.hamburger{display:flex}.overlay{display:block}.header nav{background-color:var(--background);z-index:1000;flex-direction:column;align-items:flex-start;gap:.5rem;width:250px;height:100vh;padding:5rem 2rem 2rem;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-2px 0 8px #0000001a}.header nav.nav-open{right:0}.header nav a{text-align:left;width:100%;padding:.75rem 1rem}}