nav{justify-content:center;align-items:center;gap:20px;height:50px;margin-bottom:20px;display:flex}.navlink{text-transform:uppercase;color:#000;justify-content:center;align-items:center;font-family:sans-serif;text-decoration:none;display:flex;position:relative}.navlink:after{content:"";background-color:#000;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px}.navlink:hover:after{width:100%}.navlink.active{color:#313131}.navlink.active:after{width:100%}