@import url('/fonts/WieynkFraktur.css');

html {
	background-color: #f3f3f3;
	color: black;
	font-family: fraktur, monospace;
	line-height: 1.25;
}
body {
	background-color: inherit;
	margin-top: 0;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 1em;
	max-width: 120ex;
}

nav {
	position: sticky;
	top: 0;
	background: inherit;
	padding: 1em 0 0.5em;
	text-align: center;
	border-bottom: outset 1px;
}

nav p { margin: 0 2ex; }

main {
        padding: 0em 2ex;
	text-align: justify;
	margin: 1em 0;
}

footer {
	text-align: center;
	padding: 1em 0 0;
}

*:first-child { margin-top: 0; }
*:last-child { margin-bottom: 0; }

a, a:visited { color: #66f; }
a:hover, a:focus { color: #66b; }
a:active { color: #668; }

h1, h2, h3, h4, h5, h6 {
	margin-top: 1em;
}

pre, code {
	/*color: #438aa7;*/
}

pre {
	background-color: #ddd;
	tab-size: 4;
	padding: 1em 1ex;
	/*border-left: #98dffc solid 1ex;*/
	/*box-shadow: 2ex 1.25em 0 #65acc9;*/
	border-left: #666 solid 1ex;
	margin-bottom: 2.5em;
	box-shadow: 2ex 1.25em 0 #222;
	margin-right: 2ex;
	white-space: pre-wrap;
}

p {
	margin: 0;
}

p+p {
	margin-top: 1em;
}

blockquote {
	color: #a78a43;
	background-color: #fed;
	/*display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;*/
	outline: none;
	padding: 0.125em 1ex;
	margin: 0.25em 2ex 1.5em 0;
	border-left: 1ex solid #fcdf98;
	box-shadow: 2ex 1.25em 0 #c9ac65;
	min-height: 2.5em;
}

blockquote blockquote { box-shadow: none; margin-bottom: 0.25em; min-height: 0; }

blockquote > *:first-child { margin-top: 0; }
blockquote > *:last-child { margin-bottom: 0; }
li > pre:last-child { margin-bottom: 2.5em; }

img { max-width: 100%; }


/*em { font-variant: small-caps; }*/