body {
	max-width: 80ch;
	display: block;

	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;

	font-family: sans-serif;
	background-color: #4c798e;
	color: #fff;

}

/* Links */
a {
	color: inherit;
}

a:hover {
	color: #4c798e;
	background-color: #fff;
}

/* Headers */
h1 {
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: serif;
}

/* Global title */
header {
	text-align: center;

	border-bottom: 1px solid #fff;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#title {
	font-size: 3em;
	font-family: serif;
}

#catch{
	font-size: 1.5em;
	font-style: italic;
}

code {
	font-family: monospace;
}

#yo {
	background-color: #c00;
	border: 5px solid black;
	font-size: 3em;

	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}