body {
  font-family: 'Roboto', sans-serif;
  width: 900px;
  margin: auto;

  --link-color: rgb(0, 0, 238);
}

a, a:visited {
  color: var(--link-color);
}

@media (max-width: 599px) {
  body {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
}

body > h1 {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.recipe-list li {
  font-size: 18px;
  line-height: 1.5em;
}