header .logo{display:flex}header .header-bar{padding-right:40px;padding-left:40px}header .header-bar-inner{display:flex;align-items:center;justify-content:flex-end}header .header-button{background-color:var(--background-color);color:var(--font-color);border:1px solid var(--font-color);white-space:nowrap;padding-top:4px !important;padding-bottom:4px !important}header .mobile-nav-items{opacity:0;position:fixed;top:0;background:var(--background-color);right:-100%;z-index:100;width:300px;height:100%;transition:all .2s ease-in-out;border-left:2px solid #0b2a45}header .mobile-nav-items ul{margin-top:5rem;list-style:none}header .mobile-nav-items ul li{padding:1rem 0}header .mobile-nav-items ul li a{text-decoration:none;color:var(--font-color);transition:all .2s ease-out}header .mobile-nav-items ul li a:hover{color:var(--primary-color)}header .checked .mobile-nav-items{display:block;right:0;opacity:1}header .checked .nav-toggle-label{position:fixed}header .nav-toggle{display:none}header .nav-toggle-label{display:flex;align-items:center;justify-content:center;z-index:101;margin-left:auto;top:31px;right:32px;width:50px;height:50px;cursor:pointer;position:absolute}@media(max-width: 576px){header .nav-toggle-label{top:9px;right:9px}}header .nav-toggle-label span,header .nav-toggle-label span::after,header .nav-toggle-label span:before{height:3px;background-color:var(--font-color);display:block;width:1.5rem;border-radius:2px;position:relative}header .nav-toggle-label span::after,header .nav-toggle-label span:before{content:"";position:absolute}header .nav-toggle-label span::before{top:8px}header .nav-toggle-label span::after{top:-8px}