@import url('https://fonts.googleapis.com/css2?family=Linden+Hill:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Molengo&display=swap');
body {
  background-color: #293030;
  color: aqua;
  font-family: "Linden Hill", serif;
  font-weight: 400;
  font-style: normal;
}
.layout {
  width: 100%;

  display: grid;
  grid:
    "header" 
    "main" 1fr
    "footer" auto
    / 1fr;
  gap: 50px 8px;
}
p {
  color: white;
   font-family: "Molengo", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin: auto;
  padding: 10px
}
h1 {
  text-align: center;
  margin: auto;
  padding: 30px
}
.header { grid-area: header; }
.main { grid-area: main; }
.footer { grid-area: footer; }