html, body, header, main, nav, section {
	width: 100%;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

a:link		{color: #0ff;}
a:visited	{color: #f0f;}
a:hover		{color: #00f;background-color: #0f0;}
a:active	{color: #f00;background-color: #ff0;}

h1 a:link		{color: #000;text-decoration: none;}
h1 a:visited	{color: #000;text-decoration: none;}
h1 a:hover		{color: #000;text-decoration: none;}
h1 a:active		{color: #000;text-decoration: none;}

h1 {
	margin: 0;
	padding: 0;
	font-size: 108pt;
	border-bottom: 8pt solid #000;
}

nav ol {
	padding: 1em;
}

nav>ol>li {
	list-style-type: none;
	font-size: 24pt;
	border-bottom: 2pt dotted #000;
}
nav>ol>li time,nav>ol>li mark {
	background-color: #eee;
}

nav>ol>li time {
	font-size: 0.3em;
	display: inline-block;
	width: 4em;
	text-align: center;
	padding: 1em;
}

nav>ol>li.current time,nav>ol>li.current mark {
	background-color: #ff0;
}

nav>ol>li time>mark {
	font-size: 3em;
}

summary {border-bottom: 2pt solid #fff;}
summary:hover {
	background-color: #ff0;
	cursor: pointer;
	border-bottom: 2pt solid #000;
}

main>section {
	height: 100vh;
}