header{border-bottom:var(--border-width)solid var(--border-color);margin-bottom:var(--standard-space);background-color:var(--secondary-color);padding:0;max-height:var(--header-max-height);position:fixed;width:100%;z-index:var(--header-z-index)}header .logo{width:var(--logo-size);height:var(--logo-size);vertical-align:middle}header .site-title-link:hover{filter:brightness(1.25)}header .site-title .menu-button{display:none}@media only screen and (max-width:750px){header{max-height:initial;margin-bottom:0;position:initial}header .site-title{display:flex;align-items:center}header .site-title .menu-button{display:inline-block;margin-left:auto;margin-right:var(--standard-space)}header input.header-menu-open{display:none}header input.header-menu-open~label{display:block;position:relative;width:var(--menu-button-size);height:var(--menu-button-size);cursor:pointer}header input.header-menu-open~label .menu-line{position:absolute;top:calc((var(--menu-button-size)/2) - (var(--menu-button-line-width)/2));left:0;width:100%;height:var(--menu-button-line-width);background-color:var(--tertiary-font-color);transition:transform var(--transition-duration)ease-out,opacity var(--transition-duration)}header input.header-menu-open~label .menu-line:nth-child(1){transform:translateY(calc(-1 * ((var(--menu-button-size)/2) - (var(--menu-button-line-width)/2))))}header input.header-menu-open~label .menu-line:nth-child(3){transform:translateY(calc((var(--menu-button-size)/2) - (var(--menu-button-line-width)/2)))}header input.header-menu-open:checked~label .menu-line:nth-child(1){transform:rotate(-45deg)}header input.header-menu-open:checked~label .menu-line:nth-child(2){opacity:0}header input.header-menu-open:checked~label .menu-line:nth-child(3){transform:rotate(45deg)}header .site-title:has(input.header-menu-open:not(:checked))+nav.menu{display:none}header nav.menu ul{display:flex;flex-direction:column;gap:var(--standard-space)}}