/*HyperCGA Copyright (C) 2013-2020 Bytemoth <dwb@cd5k.net>
  NO RIGHTS RESERVED; ALL REDISTRIBUTION AND MODIFICATION IS FULLY PERMITTED.
  http://www.wtfpl.net/txt/copying/
  Version 1.44.2578 High Density

Stuff I would've used but this site is targeting web browsers released in 2010:
o CSS 'ch' units (equivalent em size used instead) and #rrggbbaa
o <details>+<summary> (<aside>+:hover used instead), <progress>, and <time>
o WebP images and WebM videos with AV1/Opus encoding

CSS RESET BY JASON KNIGHT
  http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_part4#section_4_2a
*/address,blockquote,body,caption,div,fieldset,form,h1,h2,h3,h4,h5,h6,hr
,html,img,li,p,ol,table,td,th,tr,ul{margin:0;padding:0}
fieldset,img{border:0;max-width:100%}
aside,footer,figure,figcaption{display:block}
*[title]{border-bottom:0.1em dotted #fff;cursor:help}

/*ANCHORS*/
a:link{color:#5ff}
a:visited{color:#0aa}
a:hover,a:focus{color:#fff;background:#0aa}
a:active{color:#fff}
a.mb,img[src^="/88s/"]{width:88px;height:31px}/*Mock Button*/
a:link img,a.mb:link{border:0.15em solid #5ff}
a:visited img,a.mb:visited{border-color:#0aa}
a:hover img,a.mb:hover,a:focus img,a.mb:focus{border-color:#fff}
a:active img,a.mb:active{border-style:dotted}
a.mb,p#bc{font-size:0.75em}
a.mb{display:inline-block;overflow:hidden}
a.mb,img,sub,.vb{vertical-align:text-bottom}
#ay a:link{color:#ff5}/*Change links to yellow if turquoise blends in*/
#ay a:visited{color:#a50}
#ay a:hover,#ay a:focus{background:#a50;color:#fff}
#ay a:link img,#ay a.mb:link{border-color:#ff5}
#ay a:visited img,#ay a.mb:visited{border-color:#a50}
#ay a:hover img,#ay a.mb:hover{border-color:#fff}
a[href$="/tau/"]:link{text-decoration:none;color:#512!important}
a[href$="/tau/"]:hover{background:inherit!important;cursor:help}
a:link del{color:#f55;text-decoration:line-through}
a:hover del,a:focus del{background:#a00}
a:link del img,a:visited del img{border-color:#f55}
a.nb:link img,.nb a:link img,.nb,#nb>*{border:0}/*No Border*/
a+span,aside div,.dn,input#sb{display:none}
a+span,td,th,.p1{padding:0.25em}
aside:hover div,aside:focus div,aside:active div{display:block}
a,a+span,footer,h1,h1+h2,.ac{text-align:center}
a:hover+span,a:focus+span{max-height:1em;overflow:hidden;z-index:2}
a:hover+span,a:focus+span,nav{position:fixed;bottom:0;left:0}
a:hover+span,a:focus+span,h1,table,nav,.t1,.t2,.t3,.t4,.t5,.t6{width:100%
;display:table}
fieldset a:link,a.ab,.ab a{padding:0.25em;font-weight:bold;display:block
;margin:0.25em;background:url(dither.png)}/*Anchor Block*/

/*STYLING*/
b b,#bc{text-transform:uppercase}
b i,h2 i{font-weight:normal;font-style:normal}
body{margin:1.5em 0}
body,h1,pre{font:normal 1em/1.2 'Lucida Console',Inconsolata,Monaco,monospace}
body,.aj{text-align:justify}/*Every single word on my site is justified! ;p*/
dd{padding:0.25em 1em}
dt,h1{font-weight:bold}
dt,h2,h3,h4,h5,h6,pre{margin:1em 0 0 0;line-height:1em}
h1+h2,.ma,#la{margin:0 auto}
h1{padding:0.25em 0;margin:0;top:0;left:0;right:0;position:absolute}
h1,nav{z-index:1}
h2,h3,h4,h5,h6,th,b i,.sc{font-variant:small-caps}
h2 i{font-size:3em}h2{font-size:2.5em}h3{font-size:2em}
h4{font-size:1.75em}h5{font-size:1.5em}h6{font-size:1.25em}
hr{height:0.25em;border:0;margin:0.5em 0}
hr.bl,.bl hr{background:url(blood.png);height:20px}/*BLoodbar*/
img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-o-crisp-edges}
img,body{image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges
;image-rendering:pixelated}/*fuck yo interpolation!*/
legend{margin:0 0 0 1em;padding:0.1em 0.75em}
li,li.i1,li.i2,li.i3,li.i4,li.i5,li.i6,.i1 li,.i2 li,.i3 li,.i4 li,.i5 li,
.i6 li{margin:0.5em 0.5em 0.5em 3em}
li.i1,.i1 li{margin-left:1em}li.i2,.i2 li{margin-left:2em}
li.i3,.i3 li{margin-left:3em}li.i4,.i4 li{margin-left:4em}
li.i5,.i5 li{margin-left:5em}li.i6,.i6 li{margin-left:6em}
nav a,.p2,#la{padding:0.5em}.p3{padding:0.75em}.p4{padding:1em}
nav a,.t1>dl>dd,.t2>dl>dd,.t3>dl>dd,.t4>dl>dd,.t5>dl>dd,.t6>dl>dd{
display:table-cell}
ol{list-style:decimal-leading-zero}
p{margin:1em 0}
sup,.vt{vertical-align:text-top}
table{border-spacing:0.15em}
table img{max-width:none}
.al{text-align:left}.ar{text-align:right}
.fl{float:left}.fr{float:right}.fl,.fr{margin:0.5em}.fc{clear:both}
.no{border-spacing:0;list-style:square;background-image:none}
.no td,.p0{padding:0}/*NOrmal*/
.t1>dl,.t2>dl,.t3>dl,.t4>dl,.t5>dl,.t6>dl{display:table-row}
.t1>dl>dd{width:auto}.t2 td,.t2>dl>dd,nav.t2 a{width:50%}
.t3 td,.t3>dl>dd,nav.t3 a{width:33.3%}.t4 td,.t4>dl>dd,nav.t4 a{width:25%}
.t5 td,.t5>dl>dd,nav.t5 a{width:20%}.t6 td,.t6>dl>dd,nav.t6 a{width:16.5%}
.vm{vertical-align:middle}
ul,.up1{list-style:url(point1.gif)}.upd{list-style:url(point2.gif)}
.ext{list-style:url(point3.gif)}.heh{list-style:url(pointsmile.gif)}
.new{list-style:url(pointnew.gif)}.rss{list-style:url(rss-a.png)}
.urg{list-style:url(pointsiren.gif)}.wow{list-style:url(pointwow.gif)}
#la{width:48.25em}#hd{width:80em}

/*SIDEBAR LITERAL HAMBURGER MENU
H/T Lena:  https://glitch.social/@Vann/99684607082303569 (dead link, unarchived)
*/#sb+label{position:fixed;top:1em;left:0;width:1em;background:#000;z-index:4
;height:1em;text-align:center}#sb+label:hover{background:#0aa}
#sb+label:after{content:"\1F354"}#sb:checked+label:after{content:"\1F35F"}
#sb~iframe{position:fixed;top:2em;bottom:0;left:0;z-index:3;width:0.01em}
#sb:checked+label,#sb:checked~iframe{-o-transition:width 1s ease
;-webkit-transition:width 1s ease;-moz-transition:width 1s ease
;transition:width 1s ease;width:16em;border-right:0.25em ridge #aaa}

/*BORDERS*/
.b0{border:0.25em double #000}.b1{border:0.25em double #00a}
.b2{border:0.25em double #0a0}.b3{border:0.25em double #0aa}
.b4{border:0.25em double #a00}.b5{border:0.25em double #a0a}
.b6{border:0.25em double #a50}.b7{border:0.25em double #aaa}
.b8{border:0.25em double #555}.b9{border:0.25em double #55f}
.bA{border:0.25em double #5f5}.bB{border:0.25em double #5ff}
.bC{border:0.25em double #f55}.bD{border:0.25em double #f5f}
.bE{border:0.25em double #ff5}.bF{border:0.25em double #fff}
fieldset{border:0.25em solid;border-color:#aaa #555 #555 #aaa}
table.b0{border:0.1em outset #000}table.b1{border:0.1em outset #00a}
table.b2{border:0.1em outset #0a0}table.b3{border:0.1em outset #0aa}
table.b4{border:0.1em outset #a00}table.b5{border:0.1em outset #a0a}
table.b6{border:0.1em outset #a50}table.b7{border:0.1em outset #aaa}
table.b8{border:0.1em outset #555}table.b9{border:0.1em outset #55f}
table.bA{border:0.1em outset #5f5}table.bB{border:0.1em outset #5ff}
table.bC{border:0.1em outset #f55}table.bD{border:0.1em outset #f5f}
table.bE{border:0.1em outset #ff5}table.bF{border:0.1em outset #fff}
table.b0 td{border:0.1em inset #000}table.b1 td{border:0.1em inset #00a}
table.b2 td{border:0.1em inset #0a0}table.b3 td{border:0.1em inset #0aa}
table.b4 td{border:0.1em inset #a00}table.b5 td{border:0.1em inset #a0a}
table.b6 td{border:0.1em inset #a50}table.b7 td{border:0.1em inset #aaa}
table.b8 td{border:0.1em inset #555}table.b9 td{border:0.1em inset #55f}
table.bA td{border:0.1em inset #5f5}table.bB td{border:0.1em inset #5ff}
table.bC td{border:0.1em inset #f55}table.bD td{border:0.1em inset #f5f}
table.bE td{border:0.1em inset #ff5}table.bF td{border:0.1em inset #fff}
table.bG tr:nth-child(even){background:#181818}
/*COLORATION
DOS CGA palette via  https://en.wikipedia.org/wiki/Color_Graphics_Adapter
Done in this inefficient manner so I can type class=c1F instead of
 class="cb1 cfF". Using this method instead does expand the file by 3KB,
 but it only has to be loaded once, so who cares.*/
.c00,.c01,.c02,.c03,.c04,.c05,.c06,.c07,.c08,.c09,.c0A,.c0B,.c0C,.c0D,.c0E,.c0F,
.c80,.c81,.c82,.c83,.c84,.c85,.c86,.c87,.c88,.c89,.c8A,.c8B,.c8C,.c8D,.c8E,.c8F,
table.b0 th,table.b8 th,body{background:#000}
.c10,.c11,.c12,.c13,.c14,.c15,.c16,.c17,.c18,.c19,.c1A,.c1B,.c1C,.c1D,.c1E,.c1F,
.c90,.c91,.c92,.c93,.c94,.c95,.c96,.c97,.c98,.c99,.c9A,.c9B,.c9C,.c9D,.c9E,.c9F,
table.b1 th,table.b9 th,a+span{background:#00a}
.c20,.c21,.c22,.c23,.c24,.c25,.c26,.c27,.c28,.c29,.c2A,.c2B,.c2C,.c2D,.c2E,.c2F,
.cA0,.cA1,.cA2,.cA3,.cA4,.cA5,.cA6,.cA7,.cA8,.cA9,.cAA,.cAB,.cAC,.cAD,.cAE,.cAF,
table.b2 th,table.bA th{background:#0a0}
.c30,.c31,.c32,.c33,.c34,.c35,.c36,.c37,.c38,.c39,.c3A,.c3B,.c3C,.c3D,.c3E,.c3F,
.cB0,.cB1,.cB2,.cB3,.cB4,.cB5,.cB6,.cB7,.cB8,.cB9,.cBA,.cBB,.cBC,.cBD,.cBE,.cBF,
table.b3 th,table.bB th{background:#0aa}
.c40,.c41,.c42,.c43,.c44,.c45,.c46,.c47,.c48,.c49,.c4A,.c4B,.c4C,.c4D,.c4E,.c4F,
.cC0,.cC1,.cC2,.cC3,.cC4,.cC5,.cC6,.cC7,.cC8,.cC9,.cCA,.cCB,.cCC,.cCD,.cCE,.cCF,
table.b4 th,table.bC th{background:#a00}
.c50,.c51,.c52,.c53,.c54,.c55,.c56,.c57,.c58,.c59,.c5A,.c5B,.c5C,.c5D,.c5E,.c5F,
.cD0,.cD1,.cD2,.cD3,.cD4,.cD5,.cD6,.cD7,.cD8,.cD9,.cDA,.cDB,.cDC,.cDD,.cDE,.cDF,
table.b5 th,table.bD th{background:#a0a}
.c60,.c61,.c62,.c63,.c64,.c65,.c66,.c67,.c68,.c69,.c6A,.c6B,.c6C,.c6D,.c6E,.c6F,
.cE0,.cE1,.cE2,.cE3,.cE4,.cE5,.cE6,.cE7,.cE8,.cE9,.cEA,.cEB,.cEC,.cED,.cEE,.cEF,
table.b6 th,table.bE th{background:#a50}
.c70,.c71,.c72,.c73,.c74,.c75,.c76,.c77,.c78,.c79,.c7A,.c7B,.c7C,.c7D,.c7E,.c7F,
.cF0,.cF1,.cF2,.cF3,.cF4,.cF5,.cF6,.cF7,.cF8,.cF9,.cFA,.cFB,.cFC,.cFD,.cFE,.cFF,
table.b7 th,table.bF th,h1,hr{background:#aaa}
.c00,.c10,.c20,.c30,.c40,.c50,.c60,.c70,.c80,.c90,.cA0,.cB0,.cC0,.cD0,.cE0,.cF0,
h1{color:#000}
.c01,.c11,.c21,.c31,.c41,.c51,.c61,.c71,.c81,.c91,.cA1,.cB1,.cC1,.cD1,.cE1,.cF1
{color:#00a}
.c02,.c12,.c22,.c32,.c42,.c52,.c62,.c72,.c82,.c92,.cA2,.cB2,.cC2,.cD2,.cE2,.cF2
{color:#0a0}
.c03,.c13,.c23,.c33,.c43,.c53,.c63,.c73,.c83,.c93,.cA3,.cB3,.cC3,.cD3,.cE3,.cF3
{color:#0aa}
.c04,.c14,.c24,.c34,.c44,.c54,.c64,.c74,.c84,.c94,.cA4,.cB4,.cC4,.cD4,.cE4,.cF4
{color:#a00}
.c05,.c15,.c25,.c35,.c45,.c55,.c65,.c75,.c85,.c95,.cA5,.cB5,.cC5,.cD5,.cE5,.cF5
{color:#a0a}
.c06,.c16,.c26,.c36,.c46,.c56,.c66,.c76,.c86,.c96,.cA6,.cB6,.cC6,.cD6,.cE6,.cF6
{color:#a50}
.c07,.c17,.c27,.c37,.c47,.c57,.c67,.c77,.c87,.c97,.cA7,.cB7,.cC7,.cD7,.cE7,.cF7,
body{color:#aaa}
.c08,.c18,.c28,.c38,.c48,.c58,.c68,.c78,.c88,.c98,.cA8,.cB8,.cC8,.cD8,.cE8,.cF8
{color:#555}
.c09,.c19,.c29,.c39,.c49,.c59,.c69,.c79,.c89,.c99,.cA9,.cB9,.cC9,.cD9,.cE9,.cF9
{color:#55f}
.c0A,.c1A,.c2A,.c3A,.c4A,.c5A,.c6A,.c7A,.c8A,.c9A,.cAA,.cBA,.cCA,.cDA,.cEA,.cFA
{color:#5f5}
.c0B,.c1B,.c2B,.c3B,.c4B,.c5B,.c6B,.c7B,.c8B,.c9B,.cAB,.cBB,.cCB,.cDB,.cEB,.cFB
,a+span{color:#5ff}
.c0C,.c1C,.c2C,.c3C,.c4C,.c5C,.c6C,.c7C,.c8C,.c9C,.cAC,.cBC,.cCC,.cDC,.cEC,.cFC
{color:#f55}
.c0D,.c1D,.c2D,.c3D,.c4D,.c5D,.c6D,.c7D,.c8D,.c9D,.cAD,.cBD,.cCD,.cDD,.cED,.cFD
{color:#f5f}
.c0E,.c1E,.c2E,.c3E,.c4E,.c5E,.c6E,.c7E,.c8E,.c9E,.cAE,.cBE,.cCE,.cDE,.cEE,.cFE
,#ay a+span{color:#ff5}
.c0F,.c1F,.c2F,.c3F,.c4F,.c5F,.c6F,.c7F,.c8F,.c9F,.cAF,.cBF,.cCF,.cDF,.cEF,.cFF,
h2 b,p#bc{color:#fff}
::-moz-selection{background:#05a;color:#fff}::selection{background:#05a;color:#fff}

/*ANIMATIONS
Can't get these to play more than once in Presto-based Opera for some reason.*/
.c80,.c81,.c82,.c83,.c84,.c85,.c86,.c87,.c88,.c89,.c8A,.c8B,.c8C,.c8D,.c8E,.c8F,
.c90,.c91,.c92,.c93,.c94,.c95,.c96,.c97,.c98,.c99,.c9A,.c9B,.c9C,.c9D,.c9E,.c9F,
.cA0,.cA1,.cA2,.cA3,.cA4,.cA5,.cA6,.cA7,.cA8,.cA9,.cAA,.cAB,.cAC,.cAD,.cAE,.cAF,
.cB0,.cB1,.cB2,.cB3,.cB4,.cB5,.cB6,.cB7,.cB8,.cB9,.cBA,.cBB,.cBC,.cBD,.cBE,.cBF,
.cC0,.cC1,.cC2,.cC3,.cC4,.cC5,.cC6,.cC7,.cC8,.cC9,.cCA,.cCB,.cCC,.cCD,.cCE,.cCF,
.cD0,.cD1,.cD2,.cD3,.cD4,.cD5,.cD6,.cD7,.cD8,.cD9,.cDA,.cDB,.cDC,.cDD,.cDE,.cDF,
.cE0,.cE1,.cE2,.cE3,.cE4,.cE5,.cE6,.cE7,.cE8,.cE9,.cEA,.cEB,.cEC,.cED,.cEE,.cEF,
.cF0,.cF1,.cF2,.cF3,.cF4,.cF5,.cF6,.cF7,.cF8,.cF9,.cFA,.cFB,.cFC,.cFD,.cFE,.cFF{
text-decoration:blink;-webkit-animation:blinktext 1s 0s step-end infinite
;animation:blinktext 1s 0s step-end infinite}
@keyframes blinktext{73%{color:rgba(0,0,0,0)}99%{color:rgba(0,0,0,0)}}
@-webkit-keyframes blinktext{73%{color:rgba(0,0,0,0)}99%{color:rgba(0,0,0,0)}}
/*^ Classic Blink - Gentle Pulse V*/
blink,.blink,a:active{text-decoration:blink
;-webkit-animation:blink 1.5s 0s linear infinite
;animation:blink 1.5s 0s linear infinite}
@keyframes blink{50%{opacity:1}75%{opacity:0}}
@-webkit-keyframes blink{50%{opacity:1}75%{opacity:0}}
blink:hover,.blink:hover,blink:focus,.blink:focus,blink:active,.blink:active{
-webkit-animation-play-state:paused;animation-play-state:paused
;text-decoration:none}/*-moz- not added; Firefox 5-16 support <blink> natively*/

.cZZ{background:#000;-moz-animation:zzttext 1s 0s linear infinite;
-webkit-animation:zzttext 1s 0s linear infinite;
animation:zzttext 1s 0s linear infinite}
@keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}
@-moz-keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}
@-webkit-keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}

/*Had a CSS3 <marquee> replacement here. Didn't fuckin work. Decided to just
use <marquee> since pretty much every browser supports it anyway.*/

.dance,a[href$='#dance']{-moz-animation:shake 0.5s ease 0s infinite;
-webkit-animation:shake 0.5s ease 0s infinite;
animation:shake 0.5s ease 0s infinite}
@keyframes shake{0%{transform:translate(1px,1px)}
10%{transform: translate(-1px,-2px)}20%{transform: translate(-3px,0px)}
30%{transform: translate(3px,2px)}40%{transform: translate(1px,-1px)}
50%{transform: translate(-1px,2px)}60%{transform: translate(-3px,1px)}
70%{transform: translate(3px,1px)}80%{transform: translate(-1px,-1px)}
90%{transform: translate(1px,2px)}100%{transform: translate(1px,-2px)}}
@-moz-keyframes shake{0%{transform:translate(1px,1px)}
10%{transform: translate(-1px,-2px)}20%{transform: translate(-3px,0px)}
30%{transform: translate(3px,2px)}40%{transform: translate(1px,-1px)}
50%{transform: translate(-1px,2px)}60%{transform: translate(-3px,1px)}
70%{transform: translate(3px,1px)}80%{transform: translate(-1px,-1px)}
90%{transform: translate(1px,2px)}100%{transform: translate(1px,-2px)}}
@-webkit-keyframes shake{0%{transform:translate(1px,1px)}
10%{transform: translate(-1px,-2px)}20%{transform: translate(-3px,0px)}
30%{transform: translate(3px,2px)}40%{transform: translate(1px,-1px)}
50%{transform: translate(-1px,2px)}60%{transform: translate(-3px,1px)}
70%{transform: translate(3px,1px)}80%{transform: translate(-1px,-1px)}
90%{transform: translate(1px,2px)}100%{transform: translate(1px,-2px)}}


/*RESPONSIVE LAYOUT  Inspired by Brian Hauer's site:  http://tiamat.tsotech.com/
*/@media(max-width:816px){#la,.t1 dd,.t2 dd,.t3 dd,.t4 dd,.t5 dd,.t6 dd{
width:100%;display:block}dd,td,th,#la{padding:0}
/*Started writing this 2y ago. Don't remember what I was going to do here.*/}


/*Do not take HyperCGA if you are nursing, pregnant, or may become pregnant.
Common side effects include abdominal pain, headaches, and diarrhea.*/