nav {
	background-color: #fece4d;
	position: fixed;
	margin-left: 0;
	padding: 20px 550px 20px 20px;
	width: 2000px;
	height: 50px;
}

nav a {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	color: black;
	font-family: fantasy, papyrus;
}

 nav a:hover{
	background-color: #ffba00;
	color: black;
	transition: .1s;
}

body{

	background-image: linear-gradient(to top, #566573 , #FFFFFF);
	font-family: cursive;
	width: 100vw;
    height: 100%;

}

h2 {
	font-size: 30px;
	text-align: center;
}

table {
	font-size: 25px;
}

th {
	background-color: #90A2B6;
	border-style: solid;
}

td {
	border-style: solid;
	padding: 5px;
}

img
{	
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

#flex-box1, #flex-box2, #flex-box3 #flex-box4 #flex-box5 {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	flex-grow: 1;
	width: 78%;
	height: auto;
}

#flex-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left:auto;
	margin-right: auto;
	background-color: #76d7c4 ;
	width: 80%;	
	border-radius: 15px;
}

#center-wrap {
	background-color: #e6b0aa  ;
	width: 60vw;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 75px;
}

#body {
	padding-top: 60px;
}

#naruto{
	display: block;
	margin-left:auto;
	margin-right: auto;
	background-color: #776580;
	padding: 20px 20px 20px 20px;
	border-radius: 15px;
	width: 80%;
	margin-bottom: 30px; 
}

#history{
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	background-color:  #f9e79f ;
	border-radius: 15px;
	padding: 10px 10px 5px 10px;
}

#recommendations{
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	background-color: #ABBCA0;
	border-radius: 10px;
	padding: 0px 20px 5px 20px;
}

#seasonals{
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 85%;
	height: auto;
	background-color: #bb8fce;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
}

#recommendations{
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	background-color: #ABBCA0;
	border-radius: 10px;
	padding: 0px 20px 5px 20px;
}

#sites{
	display: block;
	margin-left:auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	background-color: #f289e9;
	border-radius: 10px;
	padding: 0px 20px 5px 20px;
}

#flex-box1, #flex-box2, #flex-box3 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	flex-grow: 1;
	width: 80%;
	height: auto;
}