body{
	background-color: #5b9597;
}


h1{
	color: #5b9597;
	font-family: Geneva;
	margin-left: 30px;
	padding: 24px;
}

.header{
	background-color: #f4dea4;
	border-radius: 5px;
    height: 100px;
}

.content{
	background-color: #5b9597;
	height: 200px;

}
#navbar ul{
	list-style-type:none;
	text-align: center;
    margin: 10px;
	padding: 5px;
	float: center;
}

#navbar ul li {
	text-decoration: none;
	display: inline-block;
}

a{
text-decoration: none;
font-size: 20px;	
}
#navbar ul li a:hover{
	color: #fde8b0;
	background-color: #452109;
}

.button-1{
	background-color: #fde8b0;
	color: #007c7c;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);

}
.button-2{
	background-color: #7b5f5b;
	color: #f26522;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);
}
.button-3{
	background-color: #5b9597;
	color: #fde8b0;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);
}
.button-4{
	background-color: #e57337;
	color: #452109;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);
}
.button-5{
	background-color: #007c7c;
	color: #fde8b0;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);
}
.button-6{
	background-color: #7db6d4;
	color: #80281c;
	padding: 10px;
	margin: 0;
	box-shadow: 0 0 .4em 0 rgba(0,0,0,1);
}


.panel{
	background-color: #79b4b5;
	border-radius: 5px;
	height: 200px;
}



.footer{
	background-color: #f4dea4;
	border-radius: 5px;
    height: 100px;
    margin-top: 20px;
}