html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.miranda-sans {
  font-family: "Miranda Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.feat-recipe {
  font-size: 37px;
}

.have-recipe {
  font-size: 20px;
}

.index-heading {
  cursor: default;
  user-select: none;
  height: 100vh
}

.index-heading h1 {
  font-size: 70px;
  margin: 10px;
}

.index-heading p {
  font-size: 30px;
  margin: 7px;
}

.recipe-link-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.recipe-link-container a {
  font-size: 27px;
}

.recipe-link-container img {
  width: 24vw;
  height: auto;
  padding-bottom: 5px;
}

.recipe-page-image {
  width: 15%;
  height: auto;
}

.recipe-images-container {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.recipe-images-container img {
  width: 15vw;
  height: auto;
  padding-bottom: 50px;
}

.nav {
  display: flex;
  gap: 25px;
  justify-content: center;
}

.q-and-a {
  text-align: left;
  max-width: 85vw;
}

.q-and-a {
  table, th, td {
    border: 1px solid black;
  }
}

.lalign {
  text-align: left;
}

.flexbox {
  display: flex;
}

.the-stupid {
  text-align: left;
  max-width: 25vw;
}

.the-big {
  max-width: 85vw;
}

.pad-the-top-please-thank-you {
  padding-top:60px;
}

.recipe-header-flexbox {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

@media print {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 15px;
  }
  li {
    font-size: 10px;
  }
}