/* body {
  text-align: center;
  background-color: #fbf0d9;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
} */

body {
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  /* background-color: #fbf0d9; */
  background-color: lightblue;

  /* NEW FONT APPLIED HERE */
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem; /* Makes the body text easier to read */
  /* color: #4a4a4a; */
  color: black;
}

img.top-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 0px;
}

h1 {
  /* THIS LINE IS CRITICAL: */
  font-family: "Great Vibes", cursive;

  font-weight: 400;
  font-size: 4rem;
  margin-bottom: 0px;
  margin-top: 35px;
}

img.bottom-image {
  /* Controls the size */
  width: 400px; /* Fixes width to 300px. Change this number to resize. */
  max-width: 80%; /* Ensures it doesn't get cut off on cell phones */
  height: auto; /* Keeps the photo aspect ratio correct */

  /* Spacing */
  margin-top: 30px; /* Space between text and this photo */
  margin-bottom: 30px; /* Space at the very bottom of the page */

  /* Optional: Makes it look like a printed photo on the parchment */
  /* border: 4px solid white; */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  border-radius: 10px;
}

p {
  margin: 10px 0; /* Keeps a tiny bit of space (5px) so lines don't touch */
  padding: 0;
}