/* control the background color of the navbar buttons */
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
   background-color: var(--bs-primary);
   color: var(--bs-gray-200);
}
.nav-fill .nav-item .nav-link:hover, .nav-justified .nav-item .nav-link:hover {
   background-color: var(--bs-secondary);
   color: var(--bs-primary)
}