@font-face {
 font-family: "Courier 10 Pitch";
 src: url(/fonts/courier10bt-regular.woff);
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "Courier 10 Pitch";
 src: url(/fonts/courier10bt-bold.woff);
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: "Courier 10 Pitch";
 src: url(/fonts/courier10bt-italic.woff);
 font-weight: normal;
 font-style: italic;
}

@font-face {
 font-family: "Courier 10 Pitch";
 src: url(/fonts/courier10bt-bolditalic.woff);
 font-weight: bold;
 font-style: italic;
}

@font-face {
 font-family: Literata;
 src: url(/fonts/Literata-Regular.woff)
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: Literata;
 src: url(/fonts/Literata-Bold.woff)
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: Literata;
 src: url(/fonts/Literata-Italic.woff)
 font-weight: normal;
 font-style: italic;
}

@font-face {
 font-family: Literata;
 src: url(/fonts/Literata-BoldItalic.woff)
 font-weight: bold;
 font-style: italic;
}

html, body {
 min-height: 100%;
 height: 100%;
 margin: 1em
}

body {
 color: #212529;
 background-color: #fff;
 font-family: "Nimbus Sans L", Helvetica, sans-serif;
}

img, video {
 display: block;
 max-width: 80%;
 box-shadow: 1px 1px 5px 0 rgba(0,0,0,.4);
 margin: 0 auto
}

figcaption {
  text-align: center;
  margin: 0 auto
}

pre {
 font-family: "Courier 10 Pitch", Courier, monospace;
 background: #eee;
 padding: .5rem;
 margin: 0 -.5rem;
 overflow-x: auto
}

nav {
 margin: 0 auto;
 clear: both
}

nav a:not(:first-child) {
 margin-left: 1rem
}

nav .brand {
 font-size: 1.25rem;
 position: relative;
 top: 1px
}

label {
 display: inline-block;
 margin-bottom: .25rem
}

aside {
  border-left-style: dotted;
  padding: 1em
}

h1 {
 font-family: Literata, serif;
}

h2 {
 font-family: Literata, serif;
}

h3 {
 font-family: Literata, serif;
}

h4 {
 font-family: Literata, serif;
}

header {
 width: 50%;
 margin-top: .5rem;
}

table {
 border-collapse: collapse;
 border: 0px
}

th {
 border-bottom: 1px solid  #212121
}

th, td {
 padding: 5px;
}

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

footer {
 width: 50%;
 margin: 0 0 1rem
}