html {
  font-family: "Annie Use Your Telescope", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
    background-color: rgb(198, 199, 193);
    color: rgb(6, 3, 19)
}

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

section > h2 {

}

section > h1 {
 height: 20vh;
}

section > p {
  padding: 0;
  margin:0;
}

@media (max-width: 500px) {
  html {
    font-size: 1.5em;
  }  
  
  h1 {
    font-size: 3em;
  }
}

@media (min-width: 500px) {
  html {
    font-size: 2em;
  }
  
  h1 {
    font-size: 4em;
  }
  
}