body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  background-color: rgb(78, 75, 72);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

h1 {
  color: white;
  font-size: 3rem;
}

a {
  text-decoration: none;
  color: white;
  font-size: 2.5rem;
}

main {
  background-color: rgb(50, 46, 44);
  text-align: center;
  max-width: 40rem;
  width: 75%;
  border-radius: 20px;
  padding: 2rem 4rem;
}

#author {
  font-size: 1.25rem;
  color: rgb(132, 132, 132);
  margin-top: 3rem;
}

@media (max-width: 48rem) {
  h1 {
    font-size: 1.75rem;
  }

  a {
    font-size: 1.5rem;
  }

  main {
    padding: 1rem 2rem;
  }

  #author {
    font-size: 1rem;
    margin-top: 2rem;
  }
}