header{box-shadow:0 -1px 28px 0 rgba(0,0,0,.18);z-index:40;.navbar{.navbar-item a{font-size:1rem;&:hover{color:var(--secondary)}svg{display:block;transition:all .2s linear;@media (min-width:1280px){display:none;max-width:10px}}&.active{color:var(--secondary);svg{transform:rotate(180deg)}}}}.navbar-menu-dropdown{box-shadow:0 14px 14px 0 rgba(0,0,0,.25),inset 0 20px 20px -20px #00000010;transition:all .4s linear;&.open{max-height:1000px}@media (min-width:1280px){display:none;&.open{display:block}}}@media (max-width:1279px){.navbar-menu{background:var(--stone-white);display:block;inset:0;overflow:auto;position:fixed;top:5rem;transition:all .3s linear;&.close{transform:translateX(100%)}&.open{background:#f3f2eb;transform:translateX(0)}>nav{.navbar-item{background:#fff;>a{border-bottom:1px solid var(--feather-gray);display:flex;padding:2rem;width:100%;&:hover{background-color:#dfe6e6}svg{transition:all .3s linear}&.active{svg{transform:rotate(180deg)}}}}.navbar-item-child{>a{display:flex;width:100%;&:hover{color:var(--secondary)}}}}}}}