.nav-bar{display:flex;justify-content:space-between;padding:10px 5px;box-shadow:inset 0 -1px 0 0 #34426e,inset 0 -1px 0 1px #142557}@media(min-width:768px){.nav-bar{padding:10px 20px}}.nav-bar .logo{width:40%;height:auto}@media(min-width:768px){.nav-bar .logo{width:279px;height:70px}}.nav-bar .links{display:flex;gap:5px;align-items:center;font-size:14px;font-family:Fira Code,monospace}@media(min-width:768px){.nav-bar .links{gap:30px;font-size:20px}}.nav-bar .links .active{border-bottom:2px solid;padding-bottom:1px;color:gold}@media(min-width:768px){.nav-bar .links .active{font-weight:600;background-color:#142557;padding:5px 10px;border-radius:10px}}.nav-bar .links .no-active{color:#fff;transition:transform .5s ease-in-out,color .5s ease-in-out}.nav-bar .links .no-active:hover{transform:scale(1.2);color:gold}