html, body
{
	height: 100%;
	background-color: #016938;
}

.header 
{
	background-color: #016938;
	width: 100%;
	height: 0%;
	margin-left: auto;
	margin-right: auto;
}

.header 
{
	background-color: #016938;
	width: 100%;
	height: 0%;
	margin-left: auto;
	margin-right: auto;
}

.Header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	display: flex;
	height: 10vh;
	margin-top: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6vh;
	text-decoration: none;
	margin-bottom: 0px;
	color: #eee;
}

.Header a {
	flex-grow: 1;
	width: 20vw;
	text-align: center;
	color: #eee;
	text-decoration:none;
	
	background: #295136;
	border-top: 6px solid #b5a268;
	border-left: 4px solid #b5a268;
	border-right: 4px solid #b5a268;
	border-bottom: 6px solid #b5a268;
}

.Header a:hover {
	background: #016938;
}

body 
{
	margin: 0;
	display: flex;
	flex-direction: column;
}
.body
{
	width: 85vw;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #295136;
	border-left: 6px solid #b5a268;
	border-right: 6px solid #b5a268;
	font-size: 5vh;
	text-align: center;
}

.body a
{
	margin-left: 2vw;
	font-size: 10vh;
	color: #eee;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
}

.body a:hover
{
	color: #b5a268;
}

.Footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	display: flex;
	height: 10vh;
	margin-top: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6vh;
	text-decoration: none;
	margin-bottom: 0px;
	color: #eee;
}

.Footer a {
	flex-grow: 1;
	width: 20vw;
	text-align: center;
	color: #eee;
	text-decoration:none;
	
	background: #295136;
	border-top: 6px solid #b5a268;
	border-left: 4px solid #b5a268;
	border-right: 4px solid #b5a268;
	border-bottom: 6px solid #b5a268;
}

.Footer a:hover {
	background: #016938;
}