html,
body {
  height: 100%;
  margin: 0;
  font-family: "American Typewriter", sans-serif;
}

body {
  display: grid;
  grid-template-areas:
    "h"
    "c"
    "f";
}

header {
  grid-area: h;
  text-align: center;
}

main {
  grid-area: c;
  text-align: center;
}

footer {
  grid-area: f;
}