.nav-bar{width:100%;padding:calc(var(--spacing)*5);background-color:#000;justify-content:space-between;align-items:center;display:flex;box-shadow:0 10px 15px #0e0e0e}.nav-text{color:#fff;font-weight:700;transition:color .4s}.nav-text:hover{color:gray}.nav-text.active{color:red}@media (max-width:1024px){.nav-bar{padding:calc(var(--spacing)*2)}}@media (min-width:1024.01px){.other-links{padding-right:1.25rem}}