html {
  background-color: #F0E9DF
}

@media (min-width: 400px) {
  header {
    margin-bottom: 0px;
    margin-top: 15px; }
  h1 {
    margin-top: -10px;
    margin-bottom: 0px;}
  h2 {
    margin-top: -20px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 0px;}
  h3 {
    margin-top: -40px;
    margin-right: 150px;
    margin-left: 180px;
    margin-bottom: 0px;}
  h4 {
    margin-top: -300px;
    margin-left: 130px;
    margin-right: 100px;
    margin-bottom: 0px;}
  h5 {
    margin-top: -20px;
    margin-left: 30px;
    margin-right: 200px;
    margin-bottom: 0px;}
  h6 {
    margin-top: 30px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: -200px;
  }
}

header {
  font-family: 'DM Serif Display', serif;
  text-decoration: none;
  text-align: center;
  font-size: 80px;
  color: #365939;
}

h1 {
  font-family: 'DM Serif Display', serif;
  text-align: center;
  font-size: 25px;
  color: #365939;
}

h2 {
  font-family: 'DM Serif Display', serif;
  text-align: left;
  font-size: 500px;
  color: #365939;
}

h3 {
  font-family: 'DM Serif Display', serif;
  text-align: right;
  font-size: 500px;
  color: #365939;
}

h4 {
  font-family: 'DM Serif Display', serif;
  text-align: center;
  font-size: 500px;
  color: #365939;
}

h5 {
  font-family: 'DM Serif Display', serif;
  text-align: left;
  font-size: 500px;
  color: #365939;
}

h6 {
  font-family: 'DM Serif Display', serif;
  text-align: right;
  font-size: 500px;
  color: #365939;
}

.text1 {
  font-family: 'DM Serif Display', serif;
  text-align: left;
  font-size: 40px;
  color: #365939;
  margin-top: -130px;
  margin-left: 70px;
  margin-right: 100px;
  margin-bottom: 0px;
  transform: rotate(-5deg);
}

.text2 {
  font-family: 'DM Serif Display', serif;
  text-align: right;
  font-size: 40px;
  color: #365939;
  margin-top: -330px;
  margin-bottom: 0px;
  transform: rotate(5deg);
}

.text3 {
  font-family: 'DM Serif Display', serif;
  text-align: center;
  font-size: 40px;
  color: #365939;
  margin-top: -150px;
  margin-bottom: 0px;
  margin-left: 8px;
  transform: rotate(5deg);
}

.text4 {
  font-family: 'DM Serif Display', serif;
  text-align: left;
  font-size: 40px;
  color: #365939;
  margin-top: -130px;
  margin-left: 70px;
  margin-right: 100px;
  margin-bottom: 0px;
  transform: rotate(-5deg);
}

.text5 {
  font-family: 'DM Serif Display', serif;
  text-align: right;
  font-size: 40px;
  color: #365939;
  margin-top: -580px;
  margin-bottom: 0px;
  transform: rotate(5deg);
}

a:link {
  text-decoration: none;
  color: #365939;
}

a:visited {
  text-decoration: none;
  color: #365939;
}

a:hover {
  color: #DB9EC8;
}

.text1:hover {
  text-decoration: underline;
  color: #365939;
}

.text2:hover {
  text-decoration: underline;
  color: #365939;
}

.text3:hover {
  text-decoration: underline;
  color: #365939;
}

.text4:hover {
  text-decoration: underline;
  color: #365939;
}

.text5:hover {
  text-decoration: underline;
  color: #365939;
}

.text6:hover {
  text-decoration: underline;
  color: #365939;
}

h2, h3 {
}

h5, h6 {

}