html {
	height: 100%;
	font-family: Nunito,Avenir,Helvetica,"sans-serif";
}
body {
	height: 100%;
	margin: 0;
	overflow: hidden;
}
.hidden {
	display: none;
}
#background img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	inset: 0; /* shorthand for top, bottom, right, left (not supported everywhere yet) */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#content {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	inset: 0; /* shorthand for top, bottom, right, left (not supported everywhere yet) */
	width: 300px;
	height: 250px;
	background-color: seashell;
	border-radius: 10px;
	opacity: 90%;
	text-align: center;
}
p.name {
	font-size: 32px;
	font-variant: small-caps;
	margin-bottom: 0;
}
p.title {
	font-size: 24px;
	margin-top: 0;
}
ul {
	padding-left: 0;
}
ul li {
	display: inline;
}
img.icon {
	max-width: 100px;
	border-radius: 10px;
}
img.icon:hover {
	background-color: gainsboro;
}