body { 
  background:url("https://projects.codecraftworks.com/web/GyDZ9yq0w7QxZakOWkws/assets/Michael Enfinger-1.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: 300px;
  height: 40%;
}

#page {
  margin: 3vw;
}

#title {
  background-color:purple;
  color:black ;
  padding: 4vh;
  text-align: center;
  font-size:16px;
  font-family: "Merriweather", sans-serif;
  margin-bottom: 10px;
  margin: 0vh 9vw;
}

.character {
  width: 10vw;
}

#content {
  color:white;
  background-color: purple;
  font-size:18px;
  text-align: center;
  padding: 4vh;
  margin: 4vh 9vw;
  opacity:0.9;
}

h2 {
	color: white;
  text-align: center;
  font-family: "Mate SC";
}

a, p {
  color: honeydew;
  font-family: Arial, sans-serif;
}

hr {
 background-color: rgb(255,255,255, 0.1); 
 border: none;
 height: 1em;
 margin: 15em, 0em;
}
#image{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
.image2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
#text {
  margin: 1vw; 
  color: white;
  padding: 2vh;
  font-size:16px;
  text-align: center;
  font-family: "Merriweather", sans-serif;
  margin-bottom: 5px;
  margin: 0vh 5vw;
}
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}