.nav-container{margin:0}.nav-container,.navbar{display:flex;justify-content:center;align-items:center}.navbar{position:fixed;top:3vh;z-index:999}.nav-background{width:-moz-fit-content;width:fit-content;height:40px;padding-left:0;padding-right:0;background:none;border-radius:40px}.nav-list{display:flex;justify-content:space-between;list-style:none;align-items:center;margin-left:0;padding:0;gap:1em}.nav-white-txt .nav-item a{color:#fff}.nav-black-txt .nav-item a{color:#000}.nav-white-txt .nav-underline{background-color:#fff}.nav-black-txt .nav-underline{background-color:#000}.nav-item{font-size:1rem;padding-left:10px;padding-right:10px}.nav-item.active a{border-bottom:2px solid;font-weight:600}.nav-item a{text-decoration:none}.nav-item a:hover{transition:color .3s ease-in-out}@keyframes underline-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav-underline{width:0;height:.1rem}.nav-item:hover .nav-underline{width:100%;animation-name:underline-slide;animation-duration:.3s}@media (max-width:600px){.navbar{width:90%;font-size:80%}.nav-background{width:90%;height:40px}.nav-list{display:flex;gap:0;list-style:none;align-items:center}.navbar img{width:64px;height:auto}.nav-item{font-size:.75rem;padding:0 5px}.nav-background{width:auto}}