@font-face {
  font-family:                 "perfect_dos_vga_437_winRg";
  src:                         url('resources/dos_437-webfont.woff2') format('woff2'),
                               url('resources/dos_437-webfont.woff') format('woff');
  font-weight:                 100;
  font-style:                  normal;
}

:root {
  --main-bg:                  #141414;
  --box-bg:                   rgba(30, 30, 30, 0.9);
  --main-fg:                  #33FF33;
  --active-fg:                #66FF66;
  --glow-a:                    0 0 5px #1fbd24;
  --glow-b:                    0 0 16px #044806;
}

html {
  cursor:                          url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQUlEQVRYR+2WvwrCMBDGLUhXFzfBh3Fy6DOIL+FT+BIiuIhjBycnn0Rwc3EtgnIHV/LnUq6XBJd0aQtJ7pfvvtylmvz5qcz403X9lfJ8rp01VzrPHdcvAsEXu6V4nef+gWNjQRCAgs9XMzHA6/bGsQASA+EBNF1jQbR1a/2bgbMoAADbeoNBD90R3wCROjDtilUAACg4gtxPKHWKHbMmND1gpoDkh93H5jpkLtaEBAEA8E0pyAERPAWUczgZOSFYAJIcZIPakBNiEADOt+uP1OnwADjD5YQQAbjV0vUEOVxTEb1eMOT0kBIEoDklowBCShCApl547Vgio6nEZXLuy7bGoKqe7gK4PWNMKqIBqGpCv9C0ZxUAd4fQ5B/WUQOYEJqdW+1YfA1iBtI9UmJeLk6UAjHgyRSIhSgKFAWKAkWBH/QNLzA7GibyAAAAAElFTkSuQmCC), auto;
}

.pointer {
  cursor: ;
}

body {
  background-color:            var(--main-bg);
  background-size:             100%;
  image-rendering:             pixelated;
  background-attachment:       fixed;
  color:                       var(--main-fg);
  text-shadow:                 var(--glow-a), 
                               var(--glow-b);
}

.basic, .left, .right, .center {
  margin:                      auto;
  padding:                     15px;
  background:                  var(--box-bg);
}

table {
  border-collapse:             collapse;
  font-weight:                 normal;
  margin-left:                 auto;
  margin-right:                auto;
  text-align:                  left;
  width:                       75%;
  table-layout:                fixed;
}

.basic {
  width:                       75%;
}

.container {
  margin:                      auto;
  width:                       75%;
  overflow:                    hidden;
  backface-visibility:         hidden;
  padding-bottom:              3.75em;
  display:                     flex;
  /*Children of this ought to match the length of this*/
}

.left, .right, .center {
  width:                       45%;
  padding:                     1.5%;
  border:                      2%;
  background:                  var(--box-bg);
}

.left {
  float:                       left;
  text-align:                  left;
  height:                      100%;
}

.right {
  float:                       right;
  height:                      100%;
}

.center {
  margin:                      0 auto;
  width:                       60%;
}

hr, .hra, .hrb { /* needs glow */
  border-color:                var(--main-fg);
  box-shadow:                  var(--glow-a),
                               var(--glow-b);
}

.hra {
  border-width:                2px;
  width:                       50%;
}

.hrb {
  border-width:                1px;
  width:                       25%;
}

a:hover:before  { content: '> '; }
a:hover:after   { content: ' <'; }
a:before        { content: '.'; }

a {
  cursor:                          url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQUlEQVRYR+2WvwrCMBDGLUhXFzfBh3Fy6DOIL+FT+BIiuIhjBycnn0Rwc3EtgnIHV/LnUq6XBJd0aQtJ7pfvvtylmvz5qcz403X9lfJ8rp01VzrPHdcvAsEXu6V4nef+gWNjQRCAgs9XMzHA6/bGsQASA+EBNF1jQbR1a/2bgbMoAADbeoNBD90R3wCROjDtilUAACg4gtxPKHWKHbMmND1gpoDkh93H5jpkLtaEBAEA8E0pyAERPAWUczgZOSFYAJIcZIPakBNiEADOt+uP1OnwADjD5YQQAbjV0vUEOVxTEb1eMOT0kBIEoDklowBCShCApl547Vgio6nEZXLuy7bGoKqe7gK4PWNMKqIBqGpCv9C0ZxUAd4fQ5B/WUQOYEJqdW+1YfA1iBtI9UmJeLk6UAjHgyRSIhSgKFAWKAkWBH/QNLzA7GibyAAAAAElFTkSuQmCC), auto;
}
p, li, .small, h1, h2, h3, h4, a, a:visited {
  font-family:                 perfect_dos_vga_437_winRg;
  color:                       var(--active-fg);
}

p, li, a, a:visited {
  font-size:                   125%;
}

a, a:visited {
  text-decoration:             none;
}


.small {
  font-size:                   90%;
}

h1 {
  font-size:                   200%;
  font-weight:                 normal;
}

h2 {
  font-size:                   175%;
  font-weight:                 normal;
}

h3 {
  font-size:                   150%;
  font-weight:                 normal;
  text-align:                  center;
}

h4 {
  font-size:                   133%;
  font-weight:                 normal;
  text-align:                  left;
}

th, td {
  border-collapse:             collapse;
  padding-left:                5px;
  padding-right:               1px;
  font-weight:                 normal;
  border:                      2px solid var(--main-fg);
  box-shadow:                  var(--glow-a), 
                               var(--glow-b), 
                               var(--glow-a) inset, 
                               var(--glow-b) inset;
}


ul {
  list-style:                  none;
  padding:                     0;
}

img {
  opacity:               1;
  width:                 100%;
  height:                100%;
  z-index:               9999999999; 
  position:              relative; 
}


/* scanline effect. add a <div class="scanlines"></div> somewhere in your page body. */
/* Code by Zyn */
.scanlines {
  background:                  rgb(2,0,36);
  background:                  linear-gradient(0deg, 
                                             rgba(2,0,36,1) 0%, 
                                             rgba(0,0,0,1) 51%, 
                                             rgba(255,255,255,1) 51%, 
                                             rgba(255,255,255,1) 100%);
  background-size:             auto;
  position:                    fixed;
  top:                         0;
  left:                        0;
  right:                       0;
  bottom:                      0;
  background-size:             1px 3px;
  mix-blend-mode:              multiply;
  opacity:                     0.2;
  /*animation:                   scroll 1s linear infinite;*/
  z-index:                     100000;
  pointer-events:              none;
}

@keyframes scroll {
  0% {
    background-position-y:     0px;
  }
  100% {
    background-position-y:     3px;
  }
}
/* End Zyn code ;3 */ 

/* If you're reading this, you're smart enough to open inspect element, copy the location of style.css, then view it, clever!
One thing on your way out - lèche mes sabots~ - Ember */
/* Indented CSS brought to you by: Ember, the table addict (I also blame my experience in xcode) */