@charset "utf-8";

html {
	background-color: rgb(133, 117, 110);
}
body {
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(33, 39, 56);
	background-color: ivory;
	margin: 25px;
}
header{
	text-align: center;
	padding: 20px;
}
h2 {
	font-size: 1.3em;
}
nav {
	background-color: rgb(99, 176, 205);
	padding: 15px;
	text-align: center;
}
nav a:hover {
		text-decoration: underline;
		color: rgb(161, 22, 146);
}
nav a {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: rgb(33,39,56);
}
main{
	padding-left: 20px;
	padding-right: 20px;
}
img{
	width: 25%;
	padding: 25px;
}
body > footer {
	background-color: rgb(99, 176, 205);
	color: rgba(83, 78, 83,0.6);
	font-weight: bold;
	font-size: 0.9em;
	line-height: 3em;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
}
nav ul li{
	display: inline;
}
ul li:not(:last-child)::after{
	content: " | ";
}
ol{
	list-style-type: disclosure-closed;
}