@import url('https://fonts.googleapis.com/css?family=Prompt:400,400i,700,700i');

html {
	background-color: hsla(213, 100%, 62%, 1);
	color: hsla(215, 100%, 21%, 1);
	font-size: 14px;
	font-family: 'Prompt', sans-serif;
	padding: 10px;
	overflow-y: scroll;
}

body {
	background-color: hsla(215, 100%, 100%, .5);
	margin: 0 auto;
	width: 960px;
	padding: 10px;
}
header {
	background-color: #fff;
	padding: 10px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

/******** begin overall menu styling ********/
nav {
	background-color: hsla(213, 92%, 54%, .8);
	color: hsla(280, 48%, 92%, 0.86);
	font-size: 12pt;
	text-align: center;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/******** styling the anchor elements ********/
nav a {
	display: block;
	color: hsla(215, 100%, 100%, 1);
	text-decoration: none;
}
nav a:hover {
	color: #182361;
	background-color: #e1e2e5;
}
nav > ul > li > a {
	border: 1px solid #e1e2e5;
}
nav ul ul a {
	border: 1px solid hsla(280, 48%, 92%, 0.86);
}

main h1 {
	font-size: 2rem;
	text-transform: uppercase;
/*	text-align: center;*/
}

footer{
	font-size:	12px;
	background-color: hsla(212, 100%, 11%, 1);
	color: hsla(215, 100%, 100%, 1);
	text-align: center;
}
footer a{
	color: hsla(215, 100%, 100%, 1);
	font-style: normal;