html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: 16px 'Helvetica', serif;
	background-color: #292823;
	color: #F5F5F0;
	display: flex;
	flex-direction: column;
}

div, h1{
	margin-bottom: 1em;
}

div#content {
	max-width: 75%;
	margin: auto;
	padding: 2em;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#main-image, #page-title {
	text-align: center; 
}

h1#page-title {
	margin-top: 3px;
	font: 25px 'Roboto Slab', Garamond, serif;
	font-weight: 700;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
	color: #F5F5F0;
}

img#main-photo {
	border-radius: 50%;
	width: 200px;
	margin: auto;
	user-drag: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	user-select: none;
}

li {
	padding: 3px;
}

a {
	color: #F5F5F0;
}

a:hover {
	color: #DDBDFB;
}

#footer {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 12px;
  cursor: default;
  font-family: 'Roboto Slab', Helvetica, Georgia, serif;
  padding: 0.3em 0;
  margin-top: auto;
}