html {
  background-color: blueviolet;
}

body {
margin: 5em 10em 5em 10em;
background-color: white;
background-position: center;
}


#portrait {
  float: right; 
  margin: 0 0 3em 2em; 
  width: 300px;
  height: 300px;
 
}
.contact-info {
  margin: 0 2em 3em 2em;
  padding-top: 3em;
  padding-bottom: 1em;
  text-align: center;
  font-size: large;
  font-family: Arial, sans-serif;
}
#summary {
  margin: 1em;
  font-family: Georgia, serif;
  font-size: medium;
}
ul li {
  font-family: Georgia, serif;
  margin: 0 0 0 2em;
}
h1 {
  color: blueviolet;
  text-transform: uppercase;
  font-size: 50px;
}

h2 {
    margin: 1em;
    text-decoration: underline;
    font-family: Arial, sans-serif;
    color: #8A2BE2;

}
h3 {
    margin: 1em;
    font-family: Arial, sans-serif;
    color: rgb(255, 140, 0);
}
p {
    margin: 1em;
    font-family: Georgia, serif;
    font-size: medium;
}
footer {
    padding-bottom: 20px;
    font-size: small;
    font-family: Georgia, serif;
    font-style: italic;
}
a:link {
  color: blueviolet;
}

a:visited {
  color: darkgoldenrod;
}

a:hover {
  color: darkorange;
}