body {
  background-color: yellowgreen;
  font-family: "Comic Sans MS", "Comic Relief", "Chalkboard SE", sans-serif;
}
head {
    font-family: var(--bs-body-font-family);
    background-color: azure;
}
#navMain {
  background-color:darkkhaki;
  border-radius: .5rem;
  padding: 0.5rem 1rem;
}
.navbar-nav {
  --bs-nav-link-color: #cbd5e1;
  --bs-nav-link-hover-color: #ffffff;
  --bs-navbar-active-color: #38bdf8;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus-visible {
  background-color: #1e293b;
  border-radius: 0.375rem;
}

.navbar-nav .nav-link.active {
  background-color: #334155;
  border-radius: 0.375rem;
}
:root {
  --bs-body-font-family: "Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive;
}