nav{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;position:fixed;top:0;width:100%;background-color:var(--secondary-color-main);color:var(--primary-color-light);z-index:2;min-height:82px;transition:all .8s ease}nav.scroll,nav:hover{opacity:1;min-height:var(--navbar-height)}nav>h1{font-size:1.5rem;padding:0}nav>h1 i{font-size:2.2rem;font-style:normal}nav>h1 a:hover{color:var(--secondary-color-light)}nav>ul{list-style:none;display:flex;margin:0;padding:0;min-height:var(--navbar-height)}nav>ul li{transition:all .5s ease-in-out;text-transform:uppercase}nav>ul li a.link{padding:var(--spacing-3);width:100%;height:100%;color:var(--primary-color-light);transition:all 1s ease-out;display:flex;align-items:center}nav>ul li.active a.link{background-position:0}nav>ul li.active a.link::before{width:100%}nav>ul li.active a.link::before{margin:0}nav .icon{display:none;padding:var(--spacing-3);border:none;background:0 0;cursor:pointer}@media screen and (max-width:1024px){nav,nav.scroll{justify-content:flex-start;height:auto}nav>h1{font-size:1.3rem}nav>h1 i{font-size:1.8rem;font-style:normal}nav .icon{display:inline-flex}nav>ul{display:none;width:100%}nav>ul.visible{display:block}}