body {
  font-family: Arial, sans-serif;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1 {
  font-size: 200%;
}

.container {
  padding: 1rem;
}

img {
  margin-top: 2rem;
  width: 90%;
  height: auto;
}

@media (min-width: 850px) {
  img {
    width: auto;
    height: 20rem;
  }
}

.coming-soon {
  font-size: 125%;
  font-style: italic;
  font-weight: bold;
}

.description {
  font-size: 125%;
  margin-bottom: 2rem;
  text-align: left;
}

.attribution {
  font-size: 80%;
  color: gray;
  margin-top: 2em;
}

.button {
  border: 2px solid black;
  font-weight: bold;
  border-radius: 5px;
  padding: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.container {
  margin: 1rem;
}

@media screen and (min-width: 70em) {
  .container {
    max-width: 70em;
    margin: 0 auto;
  }
}