@charset "utf-8";* {box-sizing: border-box;}header {position: sticky;top: 0;z-index:100;transition: .2s;}.nav-header {padding: 10px 30px;}nav{background-color: var(--blue);justify-content: space-between;}header .brand {color: var(--black);text-decoration: none;font-size: 1.2rem;;}header .brand:hover {animation-name: example;animation-duration: 0.4s;animation-timing-function: ease-in-out;animation-fill-mode: both;}@keyframes example {from {color: var(--black);}to {color: var(--logo);}}#icon-menu {width: 35px;cursor: pointer;}.bar1, .bar2, .bar3 {width: 35px;height: 5px;background-color: #333;margin: 6px 0;transition: 0.4s;}.change .bar1 {transform: translate(0, 11px) rotate(-45deg);}.change .bar2 {opacity: 0;}.change .bar3 {transform: translate(0, -11px) rotate(45deg);}.nav-dropdown-container {position: block;display: none;background-color: var(--white);width: 100%;}.nav-category {cursor: pointer;font-weight: 600;}.nav-item {padding: 12px 18px;}.nav-sub-menu {padding: 0 24px;}.nav-item:hover, .nav-item a:hover {color: var(--blue);}.nav-item a {color: var(--black);text-decoration: none;font-weight: 200;}.hide-nav-sub-menu {display: none;}.nav-show-sub-menu {display: block;}@media screen and (min-width: 1000px){.nav-header {padding: 20px 60px;}header .brand {font-size: 1.5rem;;}}