body {
	font-family: sans-serif;
	background-color: #e7e2ce;
}
h1 {
	margin-bottom: 0;
	text-shadow: 0 .5rem .5rem #9f3838;
	font-size: 1.2rem;
}
h1, h2, .subheading, .links, .links .captions, .msg {
	text-align: center;
}
h2 {
	font-size: 2rem;
	font-family: sans-serif;
}
.subheading, .subheading * {
	font-style: italic;
	color: #7f744a;
	font-size: 80%;
}
.links {
	margin: 0;
	padding: 1rem;
	background-color: #eedeae;
	flex: 1 1 0;
	height: fit-content;
	border-radius: .5rem;
	box-shadow: inset 0 0 1rem .6rem #e7e2ce;
}
.links ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
.links li {
	padding: .5rem 0;
}
.links a {
	color: #171732;
	text-decoration: none;
	text-overflow: ellipsis;
	font-family: sans-serif;
}
.links .caption {
	font-weight: 600;
	font-size: 80%;
	padding: 1rem 0;
	text-decoration: underline;
}
.main {
	display: flex;
}
.msg {
	font-weight: 600;
	font-style: italic;
	color: red;
	font-size: 120%;
}
.story {
	flex: 4 1 0;
	font-family: serif;
	text-indent: 2.5rem;
}
.debug {
	background-color: rgba(255,180,180,.8);
	padding: .1rem;
	display: flex;
	flex-flow: wrap;
}
.debug div {
	padding: .2rem;
	font-size: 80%;
}