* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #313848;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body header {
  height: 10vh;
  width: 100vw;
  background-color: #313848;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body header h1 {
  font-family: 'Gochi Hand', cursive;
  font-size: 3rem;
  color: white;
}

body main {
  height: 85vh;
  width: 100vw;
  background-color: #b2b6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body footer {
  height: 5vh;
  width: 100vw;
  background-color: #313848;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body footer p {
  font-family: 'Patrick Hand', cursive;
  color: white;
  font-size: 1rem;
}

@media (min-width: 540px) {
  main {
    max-width: 540px;
    border-radius: 15px;
  }
  footer p {
    font-size: 1.3rem !important;
  }
}

@media (min-height: 700px) {
  header h1 {
    font-size: 4rem !important;
  }
}
/*# sourceMappingURL=style.css.map */