body {
	font-family: serif;
	font-size: medium; /* user's default size */
	margin-left: auto;
	margin-right: auto;
	max-width: 30em; /* goal: 55 characters wide */
}
@media screen and (max-width: 530px) {
	body {
		/* small screens need more margin than auto gives */
		margin-left: 18px;
		margin-right: 18px;
	}
}

h1.title {
	font-size: 22px; /* smaller than typical h1 */
	text-align: center;
}
h2.section {
	font-size: 18px; /* smaller title than typical h2 */
}
h3.section {
	font-size: 16px; /* smaller title than typical h3 */
}
.by-line {
	font-size: 90%;
}

a {
	color: black;
}
a:visited {
	color: gray;
}

li > a {
	color: black;
	font-style: italic;
}
li > time {
	font-size: small;
	color: gray;
}

ul.table-of-contents {
	list-style: none;
	padding-left: 18px;
}

footer .copyright {
	display: none; /* only visible in source code */
}