.navbar-wrapper{z-index:999;background:linear-gradient(#000,transparent);width:100%;transition:background .3s,padding .3s,color .3s;position:fixed;top:0;left:0}.navbar-wrapper .nav-link{color:#fff;transition:color .3s}.navbar-wrapper .nav-link:hover,.navbar-wrapper .active-nav{color:var(--color-yellow)}.navbar-wrapper .nav-link:hover span:after{content:"";background-color:var(--color-yellow);width:0%;height:4px;animation:.4s ease-out forwards underlineGrow;position:absolute;bottom:-10px;left:0}.nav-scrolled{background:rgba(0,0,0,.85);box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-scrolled .nav-link{color:#fff}.nav-scrolled .active-nav{color:var(--color-yellow)}.isActive-menu span:after{content:"";background-color:var(--color-yellow);width:0%;height:4px;animation:.4s ease-out forwards underlineGrow;position:absolute;bottom:-10px;right:0}@keyframes underlineGrow{0%{width:0%}to{width:70%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}50%{opacity:.3}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.7s fadeIn}