@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, td a[target="_blank"]::after, li 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; }

p a.affiliate[target="_blank"]::after, td a.affiliate[target="_blank"]::after, li a.affiliate[target="_blank"]::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAkIAAAJCAFUpmCdAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABWVJREFUaIHdmWuIVVUUx3/rjs44qZmvKEvDILPCDDJQKyFLDGMak5kzYjZRolJ9yTCTTLEPPUACP0SQ2ENqaO4Zp8eUFZLMoBUUPnoaRWb0JdEcKZ3UGeesPpy5M/fss8/jPhyk/6d711p77f/az7X2EQYTGzXD9WwClgGjyuCxZ0gZnKTHdSwBniijxyGZMjpLg2vL6k2RwQ1AaQPOldGjJ2V0lg5ZnUOGB1FGprCuAG4DLo3Qdw9+AGnhajXQBtwVY9U92HsgHdKRB+DCCyCOvHDUFF1YAcSP/G48Okxhee8BVyuABsABZgDjgS7gMNAB7KCedkTU0jae/BkWMIwtpqJ8m7hZZ5JhGzAlwfJb4AUcyfZL0pBvlC5cbQKW5Om6yzMDrj4AbAGGpbCeDjTjaiOwAugkDfkIlB6Aq/cCb1L4flqA8h3CIeAWiz6RPJQaQKteSS9N2MmfBHYiHEGZiD/CFwUshDHAGEvbVOSh1AB6WQ+MsGiywKM40tkvcXUUwhqU1UBljNfU5KGUTdyuQzhGJxgpgfA2dTRaTxqAFp2N8hlQbdHu5wxzIslbNnHx98AxpmOSh785y2OR5F2tRnkWO3mAcWSoKIRG8QEIl1ike1gq/1jt06UHk6hkUyE0ig/Ao8cqtSGefLfxfzmuzrL6Ecyl1VV8AEP50SK9lY+1KiBJuqSUOiB/yQmwOqLXtwjWE28UH8AiOQ4cMqRjOcXC/n9pbtgG+RD4xNDV0qpXhVrUyx4yzAKeQ1jKQZ60B+DnNMkQ3rNIV6QmnztthJcNfQUe86x91sleHHmGemlio3jhALK6EPgcVy9LDEBptkjnktX5qckDnGY3ZqnpcXti/5ib2NVJCFuBmcBeXL05trUj+4AvLV5bUpMH+v6fCMiE8BKywJyB14Cxfb+vADrIak2sB7Uce/Z6N/qGVRWgypDG3db9GAigWWcSHrURZJgQ6+En2oBvEvqJTw9amAJcbEhTpRKZvF9rLfp26sJFRAAbxUNZF2ORnNsoD4dkwtex/fbBT+ZcHQHcbXH8fGRakIN/2qyy6oReelkeS97VycAjIblHe2y/fcjNwE2E1+BhHHbFtk5KD5QKhA0JHNYRzqkOJPbdBz8A244Xvogd/bRPH8ISmnV6pL6KVcCnRpsNiTPfBz8ALzT64PF7ZKv4pw/z6VDIxMxCrZxkPDUoWwFQXqFePkoinkNuCXXGWuUjObd52iK/j+16Y6TPO+QcDbIcZRkjC3u9zs3AvpBGLC/JadKDE2wGfgl58yI2ej4a5HUWyNlEu4DjAXK/AZPzdH8CE3GkNzX53GnToo0o2wybLrqZEFkvFIn8m3iHobscYRFQGHmATt4B/jDshlOFUzJjAwMBeGwGegNaZT2ujqLQd5uV0oOEZgA87iydchADASyWQ8C7hn4acIBiHp2UnSGZMLtYolEwk7mngFOGbDJhJKcHGf6ySG11dEkIBuDIYWBNQpt07zbKNIvUrH9LRrigqWYbWEcP4IdU5F2tQK3neaoErRCYBU01p/kAGBdhP5VhrOFVHRrp0c/tX8IvioIQ2opmGoH8eyD1Zx3gZ+BFqmilVk72S7frNXhsAmotbX4FbsCRsi6jgQBaNItazmmlC2F4RPtu4Hv8cnACMBX7W1MPynwaJFWKXAj8AJp0NEM5TvitdBfDWUoXTcDcEvpZiSPxhVGR8EdrNP/iP4fnYxdQwz1yhIPMA1YSPmKTcBZ46HyRh+AeaMD/yjISaAUaceR0wLpVr8ZjLcr9mG/9YezB43EWy/7yUg4iuGRcrQQqcSR+pP0ltwhhNsoMBr4RHAW+Qnifeuk4D3z/f/gP1RjKDWtFagIAAAAASUVORK5CYII="); }

.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; }

.split { display: flex; justify-content: space-between; }

#coffee img { filter: invert(51%) sepia(84%) saturate(3044%) hue-rotate(173deg) brightness(104%) contrast(104%); height: 1.5em; vertical-align: middle; margin-right: 0.5em; transition: 0.5s; }

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

.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, .videolink > a { position: relative; display: block; border: 0.2em solid #0af; max-width: 20em; margin: 0 auto; }

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

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

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

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

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

.youtube > a::after { content: "\25BA   youtube.com"; }

.videolink > a::after { content: "\25BA"; }

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