#map { padding: 5em 2em; }
#graph, #pace { padding: 2em; }
#map, #graph, #pace {
	background: #111;
	box-sizing: border-box;
	display: block;
	margin: 3em auto;
	width: 65ch;
	max-width: 100%;
}

#pace {
	overflow-y: scroll;
	max-height: 30ch;
}
#pace table {
	width: 40ch;
	margin: 0 auto;
}
#pace th {
	padding: 0 1em;
	text-align: left;
	border-bottom: 1px solid #999;
}
#pace tr { border-bottom: 1px dotted #333; }
#pace tr:nth-child(1) td { padding-top: 0.5em; }
#pace td { padding: 0.2em 1em 0.2em 1em; }

@media(max-width: 750px) {
	#graph, #pace, #pace table { width: 100%; }
	#graph { margin: 2em 0; }
}