html {
	background-color: #E8C489;
}
header {
	text-align: center;
	display: inline;
}

#headshot {
	top:0px;
	float: left;
}

header div h1 {
	text-align: center;
	font-size: 3em;
	font-family: Poiret One;
	margin-right: 4em;

}

nav {
	clear: both;
	text-align: center;
	margin-bottom: 3em;
	font-family: Josefin Slab;
}

.nav_bar {
	padding: 0.5em 3em;
	display: inline-block;
	text-align: center;
	border: 1px solid black;
	background-color: #7BDAC8;
	color: gray;
}

section div h3 {
	text-align: center;
	font-family: Josefin Slab;
	font-size: 1.5em;
}

section div p {
	float: right;
	width: 90%;
	font-family: Nixie One;
	font-weight: bold;
}

footer {
	display: inline-block;
	bottom: 0px;
	font-size:0.75em;
	width:100%;
	clear: both;

}
html {
	background-color: #E8C489;
}
header {
	text-align: center;
	display: inline;
}

#headshot {
	top:0px;
	float: left;
}

header div h1 {
	text-align: center;
	font-size: 3em;
	font-family: Poiret One;
	margin-right: 4em;

}

nav {
	clear: both;
	text-align: center;
	margin-bottom: 3em;
	font-family: Josefin Slab;
}

.nav_bar:hover {
	background-color: white;
	color: black;
}

.nav_bar {
	padding: 0.5em 3em;
	display: inline-block;
	text-align: center;
	border: 1px solid black;
	background-color: #7BDAC8;
	color: gray;

}

section div h3 {
	text-align: center;
	font-family: Josefin Slab;
	font-size: 1.5em;
}

section div p {
	float: right;
	width: 90%;
	font-family: Nixie One;
	font-weight: bold;
}

footer {
	display: inline-block;
	bottom: 0px;
	font-size:0.75em;
	width:100%;
	clear: both;

}
Change nav bar color on hover
Change nav bar color on hover
