.topheader{box-shadow:0 4px 5px var(--navbar-shallow-color);position:fixed;background-color:var(--theme-color);left:0;top:0;width:100%}.header-icons{height:fit-content;margin:auto}.topnav{display:flex;justify-content:space-between;padding:10px;max-width:85%;margin:auto}.logo{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--primary-color)}.logo img{height:50px;width:150px;object-fit:cover}.menu{display:flex;list-style:none;margin:0;padding:0}.menu li{padding:0 15px}.menu a{color:var(--primary-color);font-size:18px;font-weight:700;line-height:50px;position:relative}.menu a::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--primary-color),var(--menu-mobile-background-color),var(--primary-color));z-index:1;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out}.menu a:hover::before{transform:scaleX(1)}.menu[data-animation=center] a::before{transform-origin:center}.close-menu,.open-menu{display:none}.logotype{display:flex;justify-content:center}@media (max-width:950px){.menu{flex-direction:column;position:fixed;left:0;top:0;width:100%;align-items:center;background-color:var(--menu-mobile-background-color);height:100%;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s}.menu li{padding:0}.menu a{color:var(--text-color-inverse);line-height:60px}.close-menu,.open-menu{display:block;border:none;background:0 0;cursor:pointer}.close-menu{align-self:flex-end;padding:20px 8%}.menu_opened{opacity:1;pointer-events:all}.close-menu:focus:not(:focus-visible),.open-menu:focus:not(:focus-visible){outline:0}}