.navbar {
   display: flex;
   justify-content: end;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 20;
   background-color: #162c3cd3 !important;
   position: fixed !important;
   top: 0 !important;
}

.navbar-brand img {
   height: 4rem !important;
}

.navbar-collapse.show {
   background-color: #4b62a6d7;
}

nav ul {
   display: flex;
   gap: 2rem;
   color: white;
   align-items: center;
   justify-content: center;
   font-weight: 600;
}

nav a.nav-link {
   color: white;
}

nav a.nav-link:hover {
   color: var(--yellow);
}

nav hr.nav-item-divider {
   height: 1rem;
   border: var(--yellow) solid 1.5px;
}