/*START OF REQUIRED CSS*/
/*START OF FONT DEFINITION*/
@font-face {
  font-family: 'computerfontregular';
  src: url("../assets/fonts/computerfont-webfont.woff2") format("woff2"), url("../assets/fonts/computerfont-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'inky_thin_pixelsregular';
  src: url("../assets/fonts/inky_thin_pixels-webfont.woff2") format("woff2"), url("../assets/fonts/inky_thin_pixels-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pixel_powerlineregular';
  src: url("../assets/fonts/pixel_powerline-webfont.woff2") format("woff2"), url("../assets/fonts/pixel_powerline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dec_terminal_modernregular';
  src: url("../assets/fonts/_decterm-webfont.woff2") format("woff2"), url("../assets/fonts/_decterm-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'stv5730aregular';
  src: url("../assets/fonts/stv5730a-webfont.woff2") format("woff2"), url("../assets/fonts/stv5730a-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'digitaldiscomedium';
  src: url("../assets/fonts/digitaldisco-webfont.woff2") format("woff2"), url("../assets/fonts/digitaldisco-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'retron2000regular';
  src: url("../assets/fonts/retron2000-webfont.woff2") format("woff2"), url("../assets/fonts/retron2000-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*END OF FONT DEFINITION*/
.header {
  text-align: center;
  font-size: 1.5vh;
  font-family: monospace;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(10%, #ff9a00), color-stop(20%, #d1de21), color-stop(30%, #4fdc4a), color-stop(40%, #3fdad8), color-stop(50%, #2fc9e2), color-stop(60%, #1c7fee), color-stop(70%, #5f15f2), color-stop(80%, #ba0cf8), color-stop(90%, #fb07d9), to(#ff0000));
  background-image: linear-gradient(to right, #ff0000 0%, #ff9a00 10%, #d1de21 20%, #4fdc4a 30%, #3fdad8 40%, #2fc9e2 50%, #1c7fee 60%, #5f15f2 70%, #ba0cf8 80%, #fb07d9 90%, #ff0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: move 3s linear infinite;
          animation: move 3s linear infinite;
  width: 100%;
}

/*Keyframe animation for the header*/
@-webkit-keyframes move {
  to {
    background-position: 100vw;
  }
}
@keyframes move {
  to {
    background-position: 100vw;
  }
}

@media only screen and (max-width: 768px) {
  .header {
    font-size: 4px !important;
    margin-bottom: 10px;
  }
}

.buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body {
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23673d6f' fill-opacity='0.73'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  color: white;
  font-family: 'retron2000regular';
  /*font-family: 'Courier New', monospace;*/
}

body, html {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*Changes how <a> tags look*/
a {
  color: orange;
}

a:link {
  -webkit-text-decoration: orange;
          text-decoration: orange;
}

a:hover {
  color: #de630b;
}

.site_container {
  position: relative;
  width: 10%;
  bottom: 500px;
}

#stampsleft {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0px;
  width: 14%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 1px;
  margin-bottom: 50px;
  min-width: 1%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0 auto;
      -ms-flex-positive: 0 auto;
          flex-grow: 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  /*max-height: 1455px;*/
}

#stampsright {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0px;
  width: 14%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 1px;
  margin-bottom: 50px;
  min-width: 1%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0 auto;
      -ms-flex-positive: 0 auto;
          flex-grow: 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  /*max-height: 1455px;*/
}

.tablebutton {
  margin: 5px;
}

.SITEBODY {
  position: relative;
  width: 100%;
  border-width: 5px;
  border-spacing: 2px;
  border-style: outset;
  border-color: #df7126;
  border-collapse: separate;
  background: #41103e url(../assets/background.png) repeat;
  width: 70%;
  max-width: 70%;
  margin: 0 auto;
}

.SITEBODY td {
  border-width: 1px;
  padding: 1px;
  border-style: inset;
  border-color: #df7126;
  background: #41103e url(../assets/background.png) repeat;
}

/*used if you wanna make your text rainbow rainbow text*/
.rainbowtext {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(10%, #ff9a00), color-stop(20%, #d1de21), color-stop(30%, #4fdc4a), color-stop(40%, #3fdad8), color-stop(50%, #2fc9e2), color-stop(60%, #1c7fee), color-stop(70%, #5f15f2), color-stop(80%, #ba0cf8), color-stop(90%, #fb07d9), to(#ff0000));
  background-image: linear-gradient(to right, #ff0000 0%, #ff9a00 10%, #d1de21 20%, #4fdc4a 30%, #3fdad8 40%, #2fc9e2 50%, #1c7fee 60%, #5f15f2 70%, #ba0cf8 80%, #fb07d9 90%, #ff0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  font-family: 'retron2000regular';
  font-size: 25px;
}

/*used if you wanna float an image in a paragraph one way or the other*/
.imageleft {
  float: left;
}

.imageright {
  float: right;
}

.bottomstuff {
  padding-left: 43%;
  padding-right: 43%;
}

.bottomtext {
  margin-bottom: 0px;
  margin-top: 3px;
}

/*END OF REQUIRED CSS*/
.pages {
  margin-left: 14px;
  margin-top: -15px;
}

.textheader {
  font-family: 'pixel_powerlineregular';
}

.kpbuttons {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#kpbuttons img {
  margin: 5px;
}

.subrosa {
  display: -ms-grid;
  display: grid;
  float: right;
  padding-right: 15%;
  padding-bottom: 10px;
}

.possumden {
  display: -ms-grid;
  display: grid;
  float: left;
  padding-left: 15%;
  padding-bottom: 10px;
}

img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 4 / 2;
}

.red {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

.blue {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3 / 1 / 4 / 2;
}

textarea {
  width: 240px;
  height: 72px;
}

.updates {
  width: 1050px;
  height: 400px;
  max-width: 1050px;
  max-height: 490px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  margin-top: 5px;
}

.post {
  display: -ms-grid;
  display: grid;
  width: auto;
  height: auto;
  background-color: rgba(57, 19, 94, 0.5);
  -ms-flex-line-pack: left;
      align-content: left;
  margin: 10px;
  margin-left: 0px;
  position: relative;
}

.posttext {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 15px;
  margin-bottom: 5px;
}

.postbody {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.postdate {
  position: absolute;
  top: 5px;
  right: 10px;
  color: orange;
}

::-webkit-scrollbar {
  margin-right: 50px;
}

.radio {
  position: relative;
  float: right;
  margin-bottom: 0px;
  border-width: 2px;
  border-style: solid;
  border-color: orange;
  padding: 2px;
  padding-top: 20px;
}

.popoutbutton {
  position: absolute;
  top: 2px;
  right: 5PX;
  pointer-events: all;
  z-index: 10;
}

.popoutbutton img {
  margin: 2px;
}

.display {
  font-size: 15px;
  max-width: 200px;
  color: orange;
}

.display1 {
  font-size: 15px;
  max-width: 200px;
  color: orange;
  font-style: italic;
}

.intro {
  margin: 10px;
}
/*# sourceMappingURL=styleMain.css.map */