html {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	background: url('../img/wallpaper.jpg') no-repeat fixed;
	background-size: cover;
	font-size: 1.1em;
}

body {
	margin: 10px 10%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

header h2 {
	font-size: 1.2em;
}

nav {
	background-color: #DDDDDD;
    background-color: rgba(00, 00, 00, 0.1);
	border-radius: 5px;
	margin: 15px 0;
}

nav ul {
	display: flex;
	margin: 0;
	padding: 0;
}

nav ul li {
	list-style: none;
}

nav ul li a {
	display: flex;
	color: #000000;
	text-decoration: none;
	padding: 10px 30px;
	border-radius: 5px;
}

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

h1 a {
	text-decoration: none;
	color: #000000;
}

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

main {
	display: flex;
	flex-direction: column;
}

main h1 {
	order: -1;
}

article:first-child {
	border-top: 0px;
}

article {
	border-top: 1px black dotted;
	padding-top: 10px;
}

p:first-of-type {
	margin: 0;
}

p:first-of-type em {
	font-size: 0.9em;
}