header{position:fixed;left:0;right:0;top:0;z-index:1;width:100vw;background-color:#fff;border-bottom:1px solid #dadada}.header-nav{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.header-nav .menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header-nav .header-menu{overflow:hidden;flex-basis:100%;transition:height .3s;height:0}.header-nav .header-menu.active{height:150px}.header-nav .header-menu ul{display:flex;flex-direction:column;margin-top:8px}.header-nav .header-menu ul li{border-bottom:1px solid #dadada}.header-nav .header-menu ul li a:hover{color:#7629dc}.header-nav .header-menu ul li a{padding:8px 0;display:inline-block;color:#000000a6;font-size:14px;font-weight:500;width:100%}@media (width >= 75em){.header-nav .menu-button{display:none}.header-nav .header-menu{flex-basis:auto;height:auto}.header-nav .header-menu ul{flex-direction:row}.header-nav .header-menu ul li{border-bottom:none}.header-nav .header-menu ul li a{padding:8px}}