@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');

body {
  font-family: 'Amatic SC', cursive;
  font-size: x-large;
}

main {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
}

main p {
  width: 80vw;
}

main a {
  background-color: #000000;
  border-radius: 10px;
  color: #ffffff;
  padding: 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

@media all and (min-width: 720px) {
  main p {
    max-width: 50vw;
  }
}