@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";body{background-color:#0b160b;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:14px;padding:0;margin:0}.main-header{height:80px}.main-header a,.main-header button{display:flex;align-items:center;text-decoration:none;color:#fff;text-transform:uppercase;transition:opacity .3s}.main-header a:hover{opacity:.75}.main-header button{background:none;border:none;padding:0;margin:0}.main-header .container{justify-content:space-between;align-items:center;display:flex;height:100%;gap:32px}@media(max-width:920px){.main-header .container ul{position:fixed;top:64px;left:0;padding:0;height:0;overflow-x:auto;transition:height .7s;list-style:none;width:100%}.main-header .container ul li{width:auto;padding:24px 16px;font-size:1.2em}.main-header .container ul li a{justify-content:center}.main-header .container .open{height:calc(100vh - 64px)}}@media(min-width:920px){.main-header .container button{display:none}.main-header .container ul{padding:0;margin:0;display:flex;list-style:none;gap:16px}}.container{margin:0 auto;padding:0 16px;max-width:1440px}a{color:#fff}