@font-face {
  font-family: Starborn;
  src: url("../fonts/starborn.otf");
}
html {
  background-color: #f5f5c9;
  color: #579156;
  font-size: 17px;
}

main {
  width: auto;
}

#mainContainer {
  max-width: 960px;
  margin: 25px auto;
  background-color: #fff;
  border-radius: 25px;
}
@media only screen and (max-width: 767px) {
  #mainContainer {
    margin: 15px;
  }
}
#mainContainer section {
  padding: 1.5rem 2.5rem;
}
@media only screen and (max-width: 767px) {
  #mainContainer section {
    padding: 1.5rem 1.5rem;
  }
}

h1 {
  font-size: 55px;
  text-align: center;
  font-weight: normal;
  margin: 60px 0px;
  font-family: "Starborn", sans-serif;
}
h1 a {
  text-decoration: none;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 8vw;
  }
}

hr {
  max-width: 400px;
  border: 1px solid lightgray;
  margin-top: 40px;
  margin-bottom: 40px;
}

/*# sourceMappingURL=styles.css.map */