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
}
aside {
border-left-style: dotted;
padding: 1em
}
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
}