.nav{display:flex;flex-direction:row;font-weight:700;gap:2rem}.nav,.nav li{position:relative}.nav a{color:#656565}.nav a:hover{animation:1s ease;color:#000}.nav a:hover:after{background-color:red;content:"";height:.3rem;inset:0;position:absolute;transform:translateY(3rem);width:100%}.shadow-navbar{box-shadow:2px 12px 0 -6px #ffffff21;-webkit-box-shadow:2px 12px 0 -6px hsla(0,0%,100%,.572);-moz-box-shadow:2px 12px 0 -6px hsla(0,0%,100%,.13)}.prex-line{position:relative}.prex-line:before{background-color:red;content:"";display:inline-block;height:.3rem;margin-right:.5rem;position:relative;transform:translateY(-.2rem);width:2rem}.bg-gradient{background:#000;background:linear-gradient(90deg,#000,#000 60%,transparent)}