@import url(reset.css);
@import url(syntax.css);
html { height: 100%; margin: 0; }

body { padding: 1em; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif; line-height: 1.5; margin: 0 auto; max-width: 60em; color: #fff; background: linear-gradient(to bottom, #0af 0, #000 1em) no-repeat #000; }

a { color: #0af; text-decoration: none; transition: 0.5s; }

a:hover, a:active { color: #0fa; }

p > a[target="_blank"]::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJCAAACQgBVKZgnQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJaSURBVGiB7Zk9aFNRFMd/5zZSUxQ3J938QAcnQfycHERoVUyCdaiDk6s4OKqri6tScBAJecQlBbeCqGMFsYiIqzo4ONkPW33HoYrmvZd4m3feuy3kDxly7s15v9/LDTc3EcrMLXUc5C5wFdhh0HG1YtDEPwe4DFw37Fhxhs18st+0myLlCigd4Idhx1iAtbW5d8A1uYVVGvLNe35LT+G4grLdY/YIcALY2WN8RWjpcYQmsNsbojsKzFBlknFZHLBHOpFWgQ5wus+sFYcwzeDwAAJMsMy1HD264wcPgMPqgxWzy6RPP3jhS7LkWLuDebPCCI9zd+l/558T8yxZzNoH5hGeel9U+Y7jCTV54/2arPwPfpmzbOVBciBL4BV1uZkLZr3xgZ+SBSJNDZa9kaXjC98jYQVywkNIAQN4CCVgBA8hBAzhoWwBY3goU6AAeChLwApeSM5ZKF7A9s4/ovs88bDYI6X1sqnLC9p6lJjzCO94S7M4gYLWPDWZA+b+PC1mCRUFnxF7gRLhwVqgZHiwFAgAD7bvQJNs+FngTBHwYCUQ6R7gXMbILDBOQ5ZMrpMRG4GfLAJxolo4PFgJTMpnhDv8lehgAd/Ww0R6j5beYEbHsqbYbWR1uU2k0zjGqMmH3P3aeoiYl8AoAixxkoxlarsTN+STWa+Yi8DoP5UJIt2W/Bkz/KG+d6o+tY0s4JWhQOgMBUJnKBA6Q4HQ2fQCWd+FjhHp/dJJ0jniMylLYN/vx6aII30Q2bippFkdMB8AZZB85AJfk0WHYwp4HQBoPXmPcgmR1L98vwDrI905sD3IWAAAAABJRU5ErkJggg=="); content: ""; display: inline-block; background-size: 0.7em 0.7em; height: 0.7em; width: 0.7em; margin: 0 0 0.2em 0.2em; }

.current { color: #0fa; }

header { margin: 2em 0; }

em { font-style: italic; }

strong { font-weight: bold; }

h1 { font-weight: bold; font-size: 200%; margin: 2em 0 0.5em 0; }

.h-image { position: relative; overflow: hidden; width: 100%; }

.h-image h1, .h-image h2 { position: relative; z-index: 2; padding: 2em 0.5em 0.5em 0.5em; margin: 0; background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.3)); }

.h-image img { position: absolute; left: 0; right: 0; width: 100%; top: 50%; transform: translate(0, -50%); z-index: 1; filter: blur(5px); }

h2 { font-weight: bold; font-size: 150%; margin: 2em 0 0.5em 0; }

h2 a { text-decoration: none; }

h3 { font-weight: bold; font-size: 125%; margin: 2em 0 0.5em 0; }

h3 a { text-decoration: none; }

.withdate { margin: 2em 0 0 0; }

p { margin: 0 0 1em 0; }

figure { width: 100%; margin: 1em 0; text-align: center; }

figure img, figure video { max-width: 100%; width: auto; }

figcaption { color: #aaa; font-style: italic; text-align: left; }

#logo { display: inline-block; margin: 0 1em 0 0; width: 8em; }

nav { display: inline-block; }

nav a { margin: 0 1em 0 0; }

.pagination { display: flex; margin-top: 3em; justify-content: space-between; }

#social { width: 100%; display: flex; margin: 3em 0 0 0; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.5em; }

#social a { text-align: center; }

#social a img { filter: invert(51%) sepia(84%) saturate(3044%) hue-rotate(173deg) brightness(104%) contrast(104%); transition: 0.5s; height: 1.5em; }

#social a:hover img { filter: invert(82%) sepia(44%) saturate(3998%) hue-rotate(103deg) brightness(106%) contrast(101%); }

.social { position: relative; }

.social:hover:after { content: attr(title); position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); text-align: center; white-space: nowrap; }

#privacy { text-align: right; display: block; }

.date { font-size: 80%; text-align: right; border-top: 1px solid #fff; margin: 0 0 1em 0; }

a.footnote { margin: 0 0.2em; }

.footnotes { margin: 5em 0; color: #aaa; font-style: italic; }

.footnotes ol:before { display: block; content: "Footnotes"; margin: 1em 0; color: #fff; }

.footnotes :target { color: #fff; }

ol { list-style: decimal; margin-left: 2em; }

ul { list-style: disc; margin-left: 2em; }

small, sub, sup { font-size: .75em; }

sub { vertical-align: sub; }

sup { vertical-align: super; }

code { font-family: monospace; }

figure > pre { background: #fff; color: #000; padding: 0.5em 0; box-shadow: inset 0 0 10px #000; text-align: left; overflow-x: auto; }

figure > pre td { padding: 0 0.5em; }

figure > pre .gutter { text-align: right; border-right: 1px solid #000; }

body > table { width: 100%; margin: 1em 0; }

body > table th { border-bottom: 1px solid #0fa; text-align: left; font-weight: bold; padding: 0.2em 0.4em; }

body > table td { border: 1px solid #444; padding: 0.2em 0.4em; }

body > table tr:hover { background: linear-gradient(to bottom, #0af 0, #000 20%, #000 80%, #0af 100%) no-repeat #000; }

.youtube > a { position: relative; display: block; border: 0.2em solid #0af; max-width: 20em; margin: 0 auto; }

.youtube > a:hover { border: 0.2em solid #0fa; }

.youtube > figcaption { text-align: center; }

.youtube > a > img { filter: blur(0.2em); transition: 0.5s; }

.youtube > a:hover > img { filter: blur(0); }

.youtube > a::after { position: absolute; top: 50%; left: 50%; content: "\25BA   youtube.com"; text-shadow: 0 0 0.1em black; color: white; display: block; white-space: nowrap; font-size: 200%; transform: translate(-50%, -50%); }

/*# sourceMappingURL=styles.css.map */