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

body {
 color: #212529;
 background-color: #fff;
 font-family: sans-serif
}

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

pre {
 font-family: 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
}

h1 {
 font-family: serif
}

h2 {
 font-family: serif
}

h3 {
 font-family: serif
}

h4 {
 font-family: 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
}