html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: serif;
}

*, *::before, *::after {
    box-sizing: border-box;
}

main {
  max-width: 600px;
  margin: 20vh auto 0 auto;

  font-size: 24px;
}

.hero {
  font-size: 28px;
  margin-bottom: 28px;
}

a, a:visited, a:hover {
  color: #222;
  text-decoration: underline;
}