html {
	background:#777;
}
body {
	margin:1em auto;
	max-width:850px;
	color:#000;
	background:#ffffea;
	border:4px solid #5aa
}
a {
	color:#005;
}
img {
	max-width:100%
}
pre {
	overflow-x:scroll;
}
.nobreak {
	white-space:nowrap;
}
h1::before, h2::before, h3::before, nav::before {
	display: inline-block;
	background: #88c;
	border: 0.15rem solid #88c;
	border-bottom: 0.10rem solid #88c;
	width: 1rem;
	height: 2rem;
	content: "";
	margin-right: 0.25em;
	vertical-align: bottom;
}
nav::before {
	background: none;
	border-color: transparent;
}
h2::before, h3::before {
	height: 1em;
	background: none;
}
h1, nav {
	margin: 0;
	border-bottom: 0.1em solid black;
	line-height: 1;
	background: #eaffff;
}
h2, h3 {
	margin: 0;
	border-top: 0.2rem solid black;
	background: #eaffff;
	line-height: 1;
}
h1 + h2 {
	border-top: initial;
}
nav {
	font-size: 2em;
}
nav ul, nav ul li {
	display: inline;
}
nav ul {
	padding: 0;
}
.win {
	margin-top: -0.1rem;
	margin-left: 1.12rem;
	padding: 0.5em;
	border-top: 0.1rem solid #88c;
	border-left: 0.15em solid #88884c;
}
.win *:first-child {
	margin-top: 0;
}
.win *:last-child {
	margin-bottom: 0;
}
h1 + .win {
	border-top: initial;
	margin-top: initial;
}