@charset "utf-8";
body {
	margin-top:1em;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
header {
	background-color: LightBlue;
	text-align:center;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 0 0 5px 5px #888;
	text-decoration:none;
	margin-bottom:0.5em;
	padding: 0.05em;
	border-radius: 10px;
}
nav ul {
	list-style-type:none;
	margin:0;
	padding:0.1em;
	margin-bottom:0.2em;
	display:flex;
	flex-direction: row;
}
nav {
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 0 0 5px 5px #888;
	margin-bottom:0.5em;
	border-radius: 15px;
	
}

nav li { 
	flex-grow: 1; 
	
}
nav a {
	display:block;
	padding:1em;
	background-color:LightBlue;
	text-align:center;
	margin-right:0.2em;
	text-decoration:none;
	color:#000000;
	border-radius: 10px;
}
nav a:hover {
	background-color:Lightyellow; 
}
main {
	background-color: LightBlue;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 0 0 5px 5px #888;
	margin-bottom:0.5em;
	border-radius: 10px;
}

footer {
	text-align: center;
}