* { 
	font-family: sans-serif;   
}

nav a {
	text-decoration: none;
}

nav { 
	height: 100%;
	overflow-y:scroll;
}

nav a:hover {
	color: #0081c0;
}

p, li, nav a {
	color: #0c0c0c;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #999;
  margin-top: 1.5em;
}

h3 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-top: 1.2em;
}

h4 {
  font-size: 1em;
  font-style: italic;
  margin-top: 1em;
}

h1, h2, h3, h4 {
	color: #00558f;
}

.content { 
	padding: 2em;
	line-height: 1.5em;
	max-width: 45em;
} 

img { 
	max-width: 45em;
} 

#guide__scroll-to-top { 
	right: 1em;
	bottom: 1em;
	position: fixed;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
	border: none;
	border-radius: 50%;
	padding: 1em;
	background-color: white;
} 

#guide__scroll-to-top:active { 
	box-shadow: 0 2px 4px 0 rgba(60,64,67,.3),0 4px 12px 4px rgba(60,64,67,.15);
} 	

@media (min-width: 75em) { 
	nav {
		position: fixed;
		left: 0;
		max-width: 28em;
	}  
	.content {
		border-left: 1px dashed gray;
		margin-left: 28em;
	}
}

@media print {
  body {
	color: black;
  }
  a[href]::after {
	content: " (" attr(href) ")";
  }
}

.guide__back { 
	width: 1.5em;
	height: 1.5em;
} 

.void {
	display: none;
}

th { 
	background-color: #005e8b;
	color: white;
	padding: 0.4em;
} 

td { 
	padding: 0.8em;
} 

tr:nth-child(even) { 
	background-color: #eaeded;
}  

/* numbering */

body {
  counter-reset: h2;
}

h2 {
  counter-reset: h3;
}

h3 {
  counter-reset: h4;
}

h2::before {
  counter-increment: h2;
  content: counter(h2) ". ";
}

h3::before {
  counter-increment: h3;
  content: counter(h2) "." counter(h3) " ";
}

h4::before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) " ";
}

li > ol {
  list-style: lower-alpha;
}

code {
	background-color: rgb(236, 236, 236);
	font-family: monospace;
}

pre code {
    background-color: rgb(236, 236, 236); /* same as your inline code */
    display: block;
    padding: 10px;      /* optional */
}

pre {
    background: none;   /* remove default white background */
    margin: 0;          /* optional */
    padding: 0;         /* optional */
}