body {
background-color: hsl(48, 71%, 86%);
margin-top: 50px;
margin-left: 400px;
margin-right: 400px;
font-family:'Rockwell','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

h1 {
color: #dab17f;
text-align:left;
font-family:'Rockwell','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
text-transform:uppercase;
border-bottom:10px solid #b0d9a3;
margin-top:100px;
}
h2 {
color: #6bc2a0;
font-size: 2em;
}
p {
font-family:'Bodoni', 'Times New Roman' 
}
/* ////////// NAV LINKS /////////*/

#content {
  width: 100px;
  margin-left: 500px;
}
/* /// LINKS /// */

nav {
height: .5em;
padding: 2em 0;
letter-spacing: 2px;
font-size: 1.5em ;
}
/* unvisited link */
nav a:link {
color: #FFFFD8;
background-color:#6bc2a0;
border-radius: 5px;
text-decoration:none;
font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
}
/* visited link */
nav a:visited {
color: #FFFFD8;
background-color:#6bc2a0;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #FFFFD8;
background-color:#A79182;
background-size: 160px;
}

/* selected link */
nav a:active {
color: #A79182;
}

/* how buttons will look */
nav a {
float: left; /* more on this later */
color: #FFFFD8;
text-align: center;
padding: 8px 21px;
margin:5px;
margin-right: 10px;
margin-left: 0px;
text-decoration: none;
}

 /* change based on current page */
nav a.active {
 /* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */ 
 color: #ffffff;
background-color:#16d797;
border-radius: 4px;
}