body {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    min-height: 100vh; /* Ensure the body fills the entire viewport height */
    padding: 0;
    margin: 0;
}

main {
    flex: 1;
    background-color: lightgrey;
}

.header {
    margin-bottom: auto;
    padding: .25em 0 .25em 0;
    background-image: linear-gradient(180deg, navy, lightgrey 25%);
}

.title {
  font-family: "Italianno", cursive;
  font-style: normal;
  text-align: center;
  font-size: 300%;
}

p {
  font-family: "Bruno Ace SC", sans-serif;
  font-weight: 100;
  font-style: normal;
  text-align: center;
}

footer {
    margin-top: auto;
    padding: .5em 0 .5em 0;
    background-image: linear-gradient(0deg, navy, lightgrey 25%);
    font-size: smaller;
}