:root {
    --white-rgb: white;
    --nav-hover-rgb: LightGrey;
}

h1 {
    color: var(--white-rgb);

    @media (max-width: 768px) {
        font-size: calc(1rem + 1vw);
      }
}

.navbar-nav .nav-item .nav-link,
.navbar-brand {
    color: var(--white-rgb);
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link,
.navbar-brand:hover {
    color: var(--nav-hover-rgb);
}

.navbar-nav .custom_dropdown_menu {
    position: absolute;
}