body {
	text-align: center;
	background-color: #fffef0;
}

.main {
	text-align: left;
	max-width: 50vw;
	margin-left:auto;
	margin-right:auto;
	
	font-family: "Verdana", verdana, sans-serif;
	font-size: 0.9em;
}

ul {
	font-size: 1em;
}

img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-family: "Georgia", georgia, serif;
	font-size: 2em;
}

h2 {
	font-size: 1.2em;
}

h1.title {
	font-variant: small-caps;
	font-style: italic;
	font-size: 2.5em;
	color: #ff6bf0;
	text-align: center;
}

a:link, a:visited {
	text-decoration: none;
	color: #d56bff;
}

a:hover {
	text-decoration: underline;
	color: #f76af0;
}

@media screen and (max-width:750px) {
	.main {
		max-width: 90%;
	}
}

.footer {
	font-variant: small-caps;
	font-size: 0.75em;
	color: #ff6bf0;
	font-style: italic;
}