elytra.css

body {
	margin: 0;
	padding: 0;
	background: #311b92;
	color: #FFF;
	font-family: 'Roboto', 'DejaVu Sans', 'Bitstream Vera', 'Helvetica Neue', 'Segoe UI', 'Helvetica', 'Tahoma', sans-serif;
}
h1, h2 {
	font-weight: 300;
}
.hideable .hide {
	display: none;
}
.hideable:hover .hide {
	display: inline;
}

a {
	text-decoration: none;
	color: #FFF !important;
}
.intro {
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 24px;
	text-align: center;
}
.mod:hover {
	transform: scale(1.01);
	transform-origin: center;
	transition: transform 1s;
}
.mod {
	padding: 64px;
	background-size: cover;
	background-position: center center;
	text-shadow: 0px 1px 4px #000, 0px 2px 8px #000;
	transform: scale(1);
	transform-origin: center;
	transition: transform 1s;
}
.mod > .title {
	font-size: 32px;
	font-weight: 300;
	margin-right: 12px;
}
.mod > .desc {
	max-width: 512px;
}
.mod > .tagline {
	display: block;
	font-style: italic;
}
.mod > .title > .logo {
	width: auto;
	height: 48px;
	float: left;
	margin-right: 8px;
	position: relative;
	top: -6px;
}
.indent {
	padding-left: 24px;
}

.member {
	padding: 16px;
	padding-left: 64px;
	transform: scale(1);
	transform-origin: center;
	transition: transform 1s;
}
.member:hover {
	transform: scale(1.01);
	transform-origin: center;
	transition: transform 1s;
}
.member > .name {
	font-size: 32px;
	font-weight: 300;
}
.member > .blurb {
	max-width: 512px;
}
.member > .tagline {
	display: block;
	font-style: italic;
}
.member > .name > .avatar {
	width: 45px;
	height: 72px;
	float: left;
	margin-right: 8px;
	position: relative;
	top: -6px;
}