html {
	font-family: sans-serif;
	background-color: #756782;
}

body {
	background-color: #8C91BF;
	width: 600px;
	height: 100vh;
	margin: auto;
}

#header {
	padding: 1px 20px;
	font-size: 1.5em;
	text-align: center;
}
#header > p {
	font-size: 0.9em;
}

#links {
	width: 70%;
	margin: auto;
	text-align: center;
}


/* buttons */
#links > a {
	display: inline-block;
	width: 80%;
	font-size: 1.5em;
	margin-bottom: 30px;
	padding: 5% 0px;
	text-decoration: none;
}

#links > a:link {
	background-color: lightgreen;
}
#links > a:visited {
}
#links > a:hover {
	background-color: #756782;
}
#links > a:active {
	background-color: black;
}

hr {
	margin: 40px 0px;
}