html {
  /* Increase from the default 16px to 18px or 20px */
  font-size: 18px; 
}

body {
  /* "Libertinus Serif" is the specific name from the CDN above */
  font-family: "Libertinus Serif", serif !important;
}

/* Optional: Ensure Bootstrap headings use it too */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Libertinus Serif", serif !important;
}

/* make padding responsive only when width is >1300px */
@media (min-width: 1300px) {
  .pe-lg-30 {
    padding-right: 15rem;
  }
}

/* make padding responsive only when width is >1300px */
@media (min-width: 1300px) {
  .py-lg-30 {
    padding-top: 3rem;
  }
}

/* Change the color of the active link */
.nav-link.active {
  font-weight: bold;
}

/* Optional: Add a hover effect to match */
.nav-link:hover {
  color: #000000;
  border-bottom: 2px solid #000000;
}

a {
  color: #000000; /* Your preferred color */
  text-decoration: underline;
}

a:hover {
  color: #5a5858; /* Color when mouse is over the link */
  text-decoration: none; 
}

article img {
    max-width: 100%; /* Prevents small images from scaling up weirdly */
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}