/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Montserrat:wght@300;600&display=swap');

/* Apply fonts */
body {
  font-family: "Montserrat", sans-serif; /* Body text */
  color: black; /* Default dark gray text */
  font-weight: 300;
}

/* Headers (h1, h2, h3) */
h1, h2, h3 {
  font-family: "Libre Baskerville", serif;
  color: #001731; /* Keeps dark blue color */
  font-weight: 400;

}








/* Set all headers (h1, h2, h3) to color #001731 */
h1, h2, h3 {
  color: #001731; /* Dark blue */
}



/* Center all H1 headings */
h1 {
  text-align: center;
}

/* (Optional) Center H2 and H3 as well */
h2 {
  text-align: left;
}

h3 {
  text-align: left;
}



/* Standard Button Styling */
.button {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  color: white;
  background-color: #0070F0; /* Blue */
  border: none;
  border-radius: 25px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}

/* Hover Effect */
.button:hover {
  background-color: #005bb5; /* Darker blue */
  transform: scale(1.05);
}


/* Apply header font to the navbar links */
.navbar a {
  font-family: "Libre Baskerville", serif !important;
  font-weight: 400; /* Uses the bold version */
  color: white !important; /* Ensures navbar links stay white */
  text-decoration: none;
}

/* Optional: Adjust hover effect */
.navbar a:hover {
  text-decoration: underline;
}




/* Make footer links white */
footer a {
  color: white !important;
  text-decoration: none;
}

/* Ensure links remain white on hover */
footer a:hover {
  color: white !important;
  text-decoration: underline; /* Optional: adds an underline on hover */
}