html {
	overflow-y: scroll;
}
:root {
	--bgcolor: #222;
	--fontcolor: orange; 
	--linkcolor: orange; 
	--visitedcolor: orange; 
	--precolor: orange; 
	--prebgcolor: #222;
}
body{
	max-width:800px;
	margin:40px auto;
	padding:0 10px;
	font:14px/1.5 monospace;
        text-align: left;
	color:var(--fontcolor); background: var(--bgcolor)
}
a:link{
	color: var(--linkcolor)
}
a:visited{
	color: var(--visitedcolor)
}
a:active{
	color: var(--visitedcolor)
}
h1,h2,h3{
	line-height:1.2;
}
nav a{
	text-decoration: none;
}
navFooter{
	text-align: center;
}
nav{
	position: relative;
	display: flex;
	justify-content: space-between;
}
h1 a,h2 a,h3 a{
	text-decoration: none;
}
h1 a:hover,h2 a:hover,h3 a:hover,nav a:hover{
	text-decoration: underline;
}
hr {
	border-style: solid; size: 1px; border-color: orange;
}
p > code{
	color: var(--precolor); background: var(--prebgcolor); 
	padding:2px;
	border: 1px solid orange;
}
pre{
	color: var(--precolor); 
	background: var(--prebgcolor); 
	padding:24px; 
	overflow-x: auto; 
	border: 1px solid orange;
}
article{
	padding:10px 0
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
figcaption {
	color: #888; 
	font: 13px/1.5 monospace;
	text-align: center;
}
figure {
	margin: auto
}
.ascii-art {
    font:6px/1.0 monospace;
    white-space: pre;
    line-height: 1;
}
div.ascii-art a{
    text-decoration: none;
}
div.nav a {
    text-decoration: none;
}
table, th, td {
  border: 1px solid;
  border-collapse: collapse;
  padding-left: 10px;
  padding-right: 10px;
}