.animated-nav-bar-link{font-family:bodoni-book;font-size:24px;transition:all 50ms ease-in-out}.animated-nav-bar-link:hover{font-family:bodoni-bold}.animated-nav-bar-link:after{display:block;content:attr(title);font-family:bodoni-bold;height:0;color:transparent;overflow:hidden;visibility:hidden}nav{display:flex;flex-direction:row;align-items:flex-start;gap:40px;position:relative;top:25px;right:var(--outside-margin)}@media screen and (max-width:840px){nav{flex-direction:column;gap:66px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);right:auto}.close nav{display:none}}header{display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:0;z-index:1;height:var(--header-height);width:100vw;--header-before-opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}header:before{content:"";position:absolute;background:var(--background);opacity:var(--header-before-opacity);width:100%;height:100%}header .logo{position:relative;top:25px;left:var(--outside-margin);width:153px;height:76px}header .menu-button{display:none;position:absolute;right:var(--outside-margin)}@media screen and (max-width:840px){header{transition:.3s}header .logo{top:50px;width:107px;height:40px}header .menu-button{display:block;top:50px}header.open{height:100%;--header-before-opacity:0.7!important;-web-kit-backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}}