html { font: 100 1em serif; }
* { font: inherit; }
h1 { text-align: center; font-size: 3em; margin: 0; }
body > header { text-align: center; }
body > header p { display: inline; margin: 1em 4em; }
body > h2 { font-size: 2em; margin: 1em 2em 0; }
body > ul { margin: 1em 3em 2em; line-height: 1.75em; }
body > footer { font-size: 0.75em; border-top: dotted thin; margin: 2em 0 0; padding: 1em; text-align: center; }
body > footer p { display: inline; margin: 2em; }
article { margin: 4em; }
article h1 { text-align: left; font-size: 2em; }
article > footer { text-align: right; font-size: 0.9em; }
a[rel~=bookmark] { text-decoration: none; }
ul small { font-size: 0.8em; }
ul small::before { content: '    '; white-space: pre-wrap; }
.permalink { text-align: right; margin: 1em 10%; }
.video { position: relative; margin: auto; width: 80%; }
.video::before { display: block; width: 100%; padding-bottom: 56.25%; content: ''; }
.video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border: none; }
label span { display: block; }
input[type=text] { width: 100%; }
textarea { width: 100%; height: 10em; }
.credentials { display: table-cell; padding-right: 2em; }
pre { margin: 2em auto; width: 80%; max-width: 40em; white-space: pre-wrap; }
hr { border: none; height: 4em; margin: 2em; }
hr::before { text-align: center; display: block; content: '✵'; font-size: 3em; }
#disqus_thread { border-top: dotted thin; margin: 20em 0 0; padding: 1em 2em 0; }