html {
  background-color: #365939;
}

header {
  color: #DB9EC8;
  font-family: 'DM Serif Display', serif;
  font-size: 88vw;
  margin-top: -48%;
  margin-left: -28%;
}

 h1 {
  color: #F0E9DF;
  font-family: 'DM Serif text', serif;
  font-size: 20px;
  font-weight: 400;
  text-align: justify;
  margin-left: 7%;
  margin-top: -25%;
  margin-bottom: 5%;
  max-width: 75ch;
}

h2 {
  color: #F0E9DF;
  font-family: 'DM Serif text', serif;
  font-size: 3vw;
  font-weight: 400;
  text-align: justify;
  margin-top: -90%;
  margin-left: 95%;
  min-width: 40ch;
}

h3 {
  color: #F0E9DF;
  font-family: 'DM Serif text', serif;
  font-size: 2.7vw;
  font-weight: 400;
  text-align: justify;
  margin-top: 0%;
  margin-left: 180%;
  min-width: 55ch;
}

h4 {
  color: #DB9EC8;
  font-family: 'DM Serif text', serif;
  font-size: 2vw;
  font-weight: 400;
  text-align: justify;
  margin-top: 0%;
  margin-left: 250%;
  min-width: 55ch;
}

a {
  color: #DB9EC8;
  margin-top: 600%;
  margin-left: 10%;
  margin-bottom: 10%;
  display: inline;
  color: #DB9EC8;
  font-family: 'DM Serif text', serif;
  font-size: 3vw;
  font-weight: 400;
  text-decoration:  none;
}

a:hover {
  text-decoration: underline;
}