html {
  background-image: url(images/triangle-purple.jpg);
}

body {
margin: 2em;
background-color: white;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
a:link {
  color: blueviolet;
}

a:visited {
  color: orchid;
}

a:hover {
  color: indigo;
}
h1 {
  margin:0;
  color: blueviolet;
  text-align: center;
  font-size: 50px;
  font-family: Arial, sans-serif;
  padding: 10px 20%;
}
h2 {
    margin:0;
    color: indigo;
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 10px 20%;
}
p {
    margin: 1em;
    font-family: Georgia, serif;
    font-size: medium;
    color: indigo;
    text-align: center;
}
nav ul {
  font-size: medium;
  padding: 5px;
  display: flex;
  justify-content: space-evenly;
  list-style-type: none;
}
footer {
    padding-bottom: 20px;
    font-size: small;
    font-family: Georgia, serif;
    font-style: italic;
    text-align: center;
    color: purple;
}