body {
  margin: 5% 10%;
  background-color: #afa98d;
}

h1 {
  font-size: 400%;
  color: #22aed1;
  text-align: center;
  text-decoration: underline;
  font-family: 'Lora', serif;
}

h2 {
  font-size: 350%;
  text-align: center;
  color: #6d8ea0;
  border: 4px black solid;
  background-color: #182825;
  font-family: 'Recursive', sans-serif;
}

h3 {
  font-size: 300%;
  color: #6d8ea0;
  text-align: center;
  border: 4px black solid;
  background-color: #182825;
  font-family: 'Recursive', sans-serif;
}

p {
  color: #016fb9;
  font-size: 200%;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
}

img {
  width: 30%;
  margin: auto;
  display: block;
  padding: 1%;
}

li {
  font-size: 200%;
  color: #016fb9;
  line-height: normal;
}

nav {
  font-size: 200%;
  color: #000000;
  line-height: normal;
  text-align: center;
}