h1,
h2,
h3 {
  font-family: "Playfair Display", serif;
  font-style: italic;
}




/* If you want specific headings to be italic, add classes like these: */
.italic-heading {
  font-style: italic;
}


p {
  font-family: "Roboto", sans-serif;
}
footer p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
footer h1 {
  font-family: "Playfair Display", serif;
  font-size: 85px;
}
.chapter-footer h2 {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 55px;
}

.chapter-footer h3 {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 28px;
}




.navbartop a {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

p em {
  font-style: italic;
  color: white; /* or your preferred color */
}