@font-face{font-family:"PressStart2P";src:url(fonts/PressStart.ttf);}
@font-face{font-family:"coders_crux";src:url(fonts/Coders-Crux-2-Custom.woff);}
@font-face{font-family:"AnonymousPro";src:url(fonts/AnonymousPro-Regular.ttf);font-style:normal;font-weight:normal;}
@font-face{font-family:"AnonymousPro";src:url(fonts/AnonymousPro-Italic.ttf);font-style:italic;font-weight:normal;}
@font-face{font-family:"AnonymousPro";src:url(fonts/AnonymousPro-Bold.ttf);font-style:normal;font-weight:bold;}
@font-face{font-family:"AnonymousPro";src:url(fonts/AnonymousPro-BoldItalic.ttf);font-style:italic;font-weight:bold;}
body{margin:0;background-image:url("/images/backgrounds/watertiles.png");color:whitesmoke;}
@keyframes cyanglow{0%{border-color:#00FFFF} 50%{border-color:#0080FF} 100%{border-color:#00FFFF;}}
.clsBODYMARGIN{min-width:550pt;margin-left:15%;margin-right:15%;margin-top:10pt}
.clsBODY{display:grid;grid-template-areas:'topmenu topmenu''sidemenu content';grid-template-columns:75pt auto;grid-gap:14pt 4pt;}
.clsCYANGLOW{animation-timing-function:ease-in-out;animation-name:cyanglow;animation-iteration-count:infinite;}
.clsGLOW10{animation-duration:10s;}
.clsGLOWSTOP{animation-duration:0s;}
.clsTOP{list-style-type:none;margin:0;padding:0;width:100%;z-index:6;grid-area:topmenu;overflow:visible;}
.clsTOPBUTTON{font-family:AnonymousPro,Courier;font-size:small;text-align:center;position:absolute;padding:2.0pt 8pt;border-style:none;color:white;cursor:pointer;border-top:1.5pt solid cyan;border-bottom:1.5pt solid cyan;transition:background 1.0s ease 0.5s,padding-bottom 0.5s ease;height:12pt;}
.clsTOPBUTTON:hover{background:DarkCyan;padding-bottom:10pt;transition:background 0.5s ease,padding-bottom 1.0s ease 0.5s;}
.clsTOPREST{background:#0F0F0F;background:rgba(0,0,255,0.3);border:1.5pt solid cyan;padding:2pt 0pt;height:12pt;border-radius:3pt;}
.clsGEAR{cursor:pointer;float:right;margin:0 2pt;}
.clsGEAR>img{transition:transform 0.5s ease-in-out;}
.clsGEAR>img:hover{transform:scaleX(-1)}
.clsGEARONCLICK{filter:drop-shadow(0px -1px 5px yellow);}
.clsDROPRELATIVE{position:relative;}
.clsDROPSETTINGS{display:none;position:absolute;right:0;z-index:20;background:rgba(0,0,255,0.7);border: 2pt solid cyan;border-radius:3pt;}
.clsSHOWSETTINGS{display:block;}
.clsSIDE{grid-area:sidemenu;background:rgba(0,0,255,0.3);margin:0;padding:2pt 0 2pt 0;z-index:5;border:2pt solid cyan;vertical-align:text-top;border-radius:3pt;display:flex;flex-direction:column;}
.clsTOPHREF{text-decoration:none;}
.clsTOPHREF:visited{color:white;}
#MENUCURRENT{color:yellow}
.clsCONTENT{width:100%;vertical-align:top;grid-area:content;}
.clsTEXT{font-family:coders_crux,Courier;margin:0.1em 0.1em;font-size:16px;z-index:1;line-height:0.75;}
p.clsTEXT,div.clsTEXT p{font-family:coders_crux,Courier;margin:0.5em 0.1em;font-size:16px;z-index:1;line-height:0.75;}
.clsTEXT a:link, a.clsTEXT:link, a:link .clsTEXT{color:lawngreen;}
.clsTEXT a:visited, a.clsTEXT:visited, a:visited .clsTEXT{color:lightgreen;}
.clsTEXT a:hover, a.clsTEXT:hover, a .clsTEXT:hover{color:GreenYellow;}
.clsCENTER{text-align:center;}
.clsCENTERBLOCK{display:block;margin-left:auto;margin-right:auto;}
.clsAUTOMARGIN{margin-left:auto;margin-right:auto;}
.clsFLOATRIGHT{float:right;}
.clsTINY{font-size:12px;}
.clsFORCENORMAL{font-style:normal;}
.clsRED{color:red;}
.clsTINYTINYTEXT{font-family:coders_crux,Courier;margin:0.1em 0.1em;font-size:8px;}
.clsBLOGIMG{border:2.5pt white double;display:block;margin-left:auto;margin-right:auto;z-index:1;max-width:400pt;}
.clsBLOGIMG + .clsSUBTEXT{text-align:center;}
.clsFLEXRESP{display:flex;flex-flow: row;}
@media (max-width: 1400px) { .clsFLEXRESP{display:flex;flex-wrap: wrap;} }
h1.clsHEADER{font-family:"PressStart2P",sans-serif;margin-bottom:0;font-size:16px;z-index:1;}
h2.clsHEADER{font-family:"PressStart2P",sans-serif;font-size:14px;z-index:1;}
h3.clsHEADER{font-family:"PressStart2P",sans-serif;font-size:12px;z-index:1;}
.clsSUBTEXT{font-family:AnonymousPro,Courier;font-size:12px;margin:0 0.75pt;z-index:1;}
.clsQUOTE{font-family:"coders_crux",cursive;font-style:italic;color:#cc0099;z-index:1;}
q.clsQUOTE{font-size:16px;}
blockquote.clsQUOTE{font-size:20px;}
.clsCODE{font-size:16px;font-family:AnonymousPro;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
.clsCODEBLOCK{background:rgba(255,131,0,0.28);border: 1pt solid white;width:90%;padding:5pt;display:inline-block;}
.clsCODEBLOCK > .clsCODE{margin:0;padding:0;}
.clsCODEBLOCK .clsCODEBLOCK{margin-left:2em;}
div.clsCODEBLOCK{margin:2pt 1%}
.clsSIDEBUTTON{font-size:12px;text-align:center;width:16px;margin:0px;border-radius:2px;border:none;padding:0px;background:rgba(0,0,255,0.0);color:white;z-index:1;}
.clsSIDEBUTTON:hover{background:rgba(0,0,255,0.6);}
.clsTEXT.clsSIDEBUTTONTEXT{font-size:14px;padding-left:3px;margin-top:6px;float:right;display:inline-block;z-index:1;}
.clsTOOLTIPTEXT{font-family:coders_crux;font-size:12px;visibility:hidden;z-index:8;position:absolute;background:black;opacity:0;transition:opacity 1s;border-radius:3pt;padding:5px 1px;margin-left:-60px;margin-top:-20px}
.clsSIDEBUTTON:hover .clsTOOLTIPTEXT{visibility:visible;opacity:1;}
.clsTEXT.clsSIDEBUTTONTEXT:hover .clsTOOLTIPTEXT{visibility:visible;opacity:1;}
.clsSEPERATOR{border-color:cyan;}
.clsDOUBLETABLE{border-collapse:collapse;margin-bottom:0.5em}
.clsDOUBLETABLE>tbody>tr>td{border:1pt solid white;}
.clsDOUBLETABLE>thead>tr>th{border-bottom:2.5pt double white;}
.cls100WIDTH{width:100%;}
.cls80WIDTH{width:80%;}
.clsTAB1{margin-left:2em;}
.clsTAB2{margin-left:4em;}
.clsTAB3{margin-left:6em;}
.clsTAB4{margin-left:8em;}
.clsTAB5{margin-left:10em;}
.clsTAB6{margin-left:12em;}
.clsTAB7{margin-left:14em;}
.clsTAB8{margin-left:16em;}
.clsTAB9{margin-left:18em;}
.clsTAB10{margin-left:20em;}
.clsTAB11{margin-left:22em;}
.clsTAB12{margin-left:24em;}
.clsSPACE2TAB{tab-size:2;-moz-tab-size:2;-o-tab-size:2;}
.clsNOTOPBOTTOM{margin-top:0pt;margin-bottom:0pt;}
.clsNOMARGIN{margin:0 0;}
.clsNONL{display:inline-block;}
.clsSAMEROW{float:left;}
.clsREFERENCELIST{list-style:none;counter-reset:reference-counter;}
.clsREFERENCELIST li::before{counter-increment:reference-counter;content: "[" counter(reference-counter) "]";}
.clsCUTREFERENCELIST{list-style:none;counter-reset:reference-counter;}
.clsCUTREFERENCELIST li::before{counter-increment:reference-counter;content: "[x-" counter(reference-counter) "]";}
.clsUPPERALPHALIST{padding-left:1em;padding-top:0;list-style:none;counter-reset:alpha-counter;}
.clsUPPERALPHALIST li::before{counter-increment:alpha-counter;content: counter(alpha-counter,upper-alpha) ") ";}
.clsNUMLIST{padding-left:1em;padding-top:0;list-style:none;counter-reset:num-counter;}
.clsNUMLIST li::before{counter-increment:num-counter;content:counter(num-counter) ") "}
.clsINDEXBORDERSECTION{display:inline-block;background:rgba(0,0,255,0.3);border:2pt solid cyan;border-radius:3pt;margin-left:1pt;margin-right:1pt;padding:1pt;}
ul.clsDASHED{list-style-type: none;}
ul.clsDASHED > li {text-indent: -5px;}
ul.clsDASHED > li:before {content: "–";text-indent: -5px;}
.clsLINKBUTTON{display:grid;z-index:1;align-self:center;}
.clsBACKCANVAS{position:absolute;z-index:-1;image-rendering: crisp-edges;}
.clsTPROOF{border-top:1pt solid gray;border-left:1pt solid gray;border-radius:1pt;}
.clsTPROOF>mtr>mtd{border-bottom:1pt solid gray;border-right:1pt solid gray;border-collapse:collapse;padding:0.25em;}
.clsTPROOF>mtr>mtd>mtext{color:white;font-family:coders_crux,Courier;text-align:center;font-size:16px;}
math{text-align:left;color:#6DAEDB;font-size:10pt;}
math[display="block"]{text-align:center;font-size:12pt;}
a>math:hover{color:darkgreen;}