body {
  font-size: 1rem; /* default = 16px */
  font-family: 'Helvetica', sans-serif;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

header a, nav a, h1 a, h2 a, h3 a, h4 a  { 
    text-decoration: none;
}

.custom-hover {
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}

.nav-link.active, .custom-hover:hover {
  background-color: #e0e0e0;  /* Your desired hover background */
  font-weight: bold;
  color: #000;                /* Optional: change text color */
}