:root {
  --color-body: #014b56;
  --color-body2: #012328;
  --color-heading: #eef3db;
  --color-base: #FFD438;
  --color-base1: rgba(114, 136, 4, 0.8);
  --color-base2: rgba(255, 0, 0, 1);
  --color-brand: #B68A65;
  --color-brand2: #FBFADA;
  --font-base: "Raleway";
  --font-base_1: "Righteous", sans-serif;
  --font-base_2: "Jost", sans-serif;
  --font-core: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", 
                "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}


.nav-link.active {
  color: var(--color-base) !important;
  font-weight: bold;

}

.nav-link {
  color: var(--color-body) !important;
}

.nav-link:hover {
  color: var(--color-base2) !important;
}

.nav-link.active {
  color: var(--color-base) !important;
  font-weight: bold;
}

.navbar button {
  outline: none !important;
  border: none;
  display: inline-block;
  text-decoration: none !important;
  transition: background 0.3s ease;
}

.navbar button:hover {
  transform: scale(1.05);
}

.nav-rounded {
  border-radius: 50%;
}