:root {
	color: #ffffff;
	background-color: #000000;
	font-family: 'Titillium Web', sans-serif;
}

img {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	image-rendering: -webkit-optimize-contrast;
}

body {
	margin: 0;
}

main, footer {
	margin: 8px;
}

nav ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	background-color: #333333;
 	display: flex;
	justify-content: center;
}

nav ul li.header {
 	display: block;
 	color: white;
 	padding: 14px 16px;
 	text-decoration: none;
	font-weight: bold;
}

nav ul li a {
 	display: block;
 	color: white;
 	padding: 14px 16px;
 	text-decoration: none;
}

nav ul li a:hover {
 	background-color: #111111;
}

@media only screen and (min-width: 800px) {
	main {
		padding-left: 20%;
		padding-right: 20%;
	}
}