* {
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: #313131;
}

html {
	min-height: 100%;
}

.title {
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 4rem;

	span {
		color: #646464;
	}
}
.tagline {
	text-align: center;
	font-size: 0.25em;
}

body {
	margin: 0;
	padding: 3em 0 3em 0;
	background-color: #ded;
	line-height: 1.5em;
}

.timestamp {
	font-size: small;
}

.container-main {
	display: flex;
}

.container-main h1 {
	margin-bottom: 0px;
}

.container-side {
	flex-grow: 1;
}

.container-content {
	border: 0.25em solid #aba;
	border-radius: 2em;
	background-color: #efe;
	max-width: 800px;
	padding: 0.5em 1.5em 0.5em 1.5em;
	box-shadow: 0 30px 40px rgba(0,0,0,.1);
}