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

body {
  background-image:      url("resources/background.png");
  background-color:      #3B507A;
  background-size:       100%;
  image-rendering:       pixelated;
  background-attachment: fixed;

}

.basic, .thin, .left, .right, .center {
  margin:                auto;
  padding:               15px;
  background:            rgba(46, 56, 61, 0.9);
}

table {
  border:                2px solid #4E5CC2;
  border-collapse:       collapse;
  font-weight:           normal;
  margin-left:           auto;
  margin-right:          auto;
  text-align:            left;
  width:                 85%;
}

.basic {
  width:                 75%;
}

.thin {
  width:                 25%;
}

.container {
  margin:                auto;
  width:                 75%;
  overflow:              hidden;
  backface-visibility:   hidden;
  padding-bottom:        3.75em;

  display:               flex;
}

.left, .right, .center {
  width:                 45%;
  padding:               1.5%;
  border:                2%;
  background:            rgba(46, 56, 61, 0.9);
}

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

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

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

hr, .hra, .hrb {
  border-color:          #9850C0;
}

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

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

p, li, .small, h1, h2, h3, h4, a, a:visited {
  font-family:           perfect_dos_vga_437_winRg;
  color:                 #C7E4C8;
}

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

.ignore {
  color:                 rgba(0, 255, 0, 0.2);
  font-size:             2px;
}

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

.small {
  font-size:             90%;
}

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

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

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

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

th, td {
  border:                2px solid #4E5CC2;
  border-collapse:       collapse;
  padding-left:          5px;
  padding-right:         5px;
  font-weight:           normal;
}


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

img {
  opacity:               1;
}