body {
	display: block;
	margin: 0;
	padding: 0;
}

body > .content {
	display: block;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: 2em;
}

body > .content > h1 {
	width: 90vw;
	text-align: center;
	justify-content: center;
	align-items: center;
}

body > .content > .content-img {
	display: block;
	width: 600px;
	height: 600px;
	border: 5px solid grey;
	margin-left: calc(45vw - 300px);
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #222222;
}

body > .content > .page-list {
	display: block
}

body > .content > .page-list > a {
	text-decoration: none;
}

body > .content > .page-list > a > .page {
	display: block;
	width: 85vw;
	color: #2222A6;
	background: #AAAADD;
	border: 1px solid #222222;
	border-radius: 5px;
	margin-top: 2em;
	margin-bottom: 2em;
}

body > .content > .page-list > a > .page > .page-title > h2 {
	padding-left: 1em;
}

body > .content > .item-list {
	display: block;
}

body > .content > .item-list > a {
	text-decoration: none;
	color: #222222;
}

body > .content > .item-list > a > .item {
	display: inline-block;
	margin: 5vw;
	width: 34vw;
	height: 34vw;
}

body > .content > .item-list > a > .item > .item-title {
	width: 34vw;
	height: 5em;
	display: flex;
	justify-content: center;	
	align-items: center;	
	border: 1px solid #222222;
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #BBBBFF;
}

body > .content > .item-list > a > .item > .item-image {
	width: 34vw;
	height: calc(34vw - 5em);
	border: 1px solid #222222;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

body > .navbar {
	display: flex;
	background-color: #C3FCFC;
	width: 100%;
	height: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: 4px solid #ABFFFF;
	box-shadow: 2px 2px 2px #222222;
}

body > .navbar > span {
	margin-left: 1em;
	margin-right: 1em;
	background-color: #B8FFF1;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.25em;
}

body > .navbar > span > a {
	color: #222222;
	text-decoration: none;
}

body > .navbar > span > a:hover {
	text-decoration: underline;

}