header{position:fixed;top:0;left:0;background:var(--dark);color:var(--light);height:var(--header-size);display:flex;align-items:center;justify-content:center;width:100%;z-index:100}header>div{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;height:100%}header nav{position:absolute;left:50%;height:100%;top:50%;transform:translate(-50%,-50%);width:calc(100cqw - 428px - 8rem);max-width:760px}header nav>ul>li{position:relative}header nav>ul{height:100%;display:flex;align-items:center;justify-content:space-between;width:100%}header nav>ul>li,header nav>ul>li>div{display:block;height:100%}header nav>ul>li a,header nav>ul>li button{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;font-weight:700;text-transform:uppercase;flex:0;white-space:nowrap;transition:opacity .2s .07s ease-in-out;padding-inline:.625rem;cursor:pointer}header nav>ul>li a:hover,header nav>ul>li button:hover{opacity:.8}header aside{display:flex;align-items:center;justify-content:end;gap:1rem;padding-block:.5625rem .6875rem}header a.logo{display:block;aspect-ratio:156.73 / 24.4;width:auto;padding-block:.5625rem .6875rem}header a.start-trading{padding:.75rem 1.125rem;background:var(--brand-green);color:var(--light);border-radius:.625rem;font-size:.875rem;text-transform:uppercase;font-weight:700;display:inline-flex;line-height:1.143;text-align:center;opacity:100%;transition:opacity .2s .07s ease-in-out;display:flex;align-items:center;justify-content:center}header a.start-trading:hover{opacity:80%}header div.mobile-nav{display:none}header .mobile-buttons a,header .mobile-buttons>*{width:100%}@media screen and (max-width: 1180px){header nav,header aside.desktop-buttons{display:none}header div.mobile-nav{display:flex;align-items:center;justify-content:center;gap:.5rem}}