/* body */

body {
  background-image: url(/ocs/assets/bgredglitch2.gif);
  font-family: arial;
  padding: 5px;
}

/* containers */

.maincontainer {
  background-color: rgba(151, 154, 155, 0.8);

  border: 40px solid transparent;
  border-image: url(/ocs/assets/borderredglitch.gif) 48 round;
  box-shadow: 0px 0px 200px red;
  
  overflow: scroll;
  
  margin: auto;
  margin-top: 100px;
  
  width: 800px;
  height: 550px;
  
  justify-content: center;
  text-align: center;
}

.maincontainer div {
  margin: auto;
  width: 600px;
}



.blinkiebox {
  display: flex;
  flex-direction: row;
  
  margin: auto;
  margin-top: 5px;
  justify-content: center;
  
  width: 60%;
}

.blinkiebox img {
  display: block;
  margin: auto;
}

/* text */

.intro {
  font-style: italic;
  font-size: 12px;
}

/* regular elements */

table {
  float: right;
  width: 25%;
  
  text-align: center;
  
  background-color: rgba(255, 255, 255, 0.3);
}

th {
  background-color: rgb(255, 2, 9);
  color: rgb(40, 40, 40);
  text-shadow: 1px 1px rgb(133, 2, 17);
  
  padding: 0px 5px 0px 5px
}

td {
  background-color: rgb(133, 2, 17);
  color: white;
  text-shadow: 1px 1px rgb(255, 2, 9);
  font-style: italic;
  
  padding: 0px 5px 0px 5px;
}

/* funky elements */

.bigtext {
  display: flex;
  flex-wrap: wrap;
  
  position: absolute;
  top: -3%;
  left: 14%;
  
  font-size: 100px;
  width: 100px;
  line-height: 90px;
  text-align: center;
}

.bigtext .one {
  transform: rotate(10deg);
  
  color: rgb(255, 2, 9);
  text-shadow: 5px 5px rgb(113, 2, 17);
}

.bigtext .two {
  transform: rotate(-10deg); 
  
  color: rgb(113, 2, 17);
  text-shadow: 5px 5px rgb(255, 2, 9);
}


.stamp1 {
  position: absolute;
  top: 80px;
  left: 955px;
}

.stamp1 img {
  vertical-align: middle; 
}

.stamp1 a {
  color: white; 
}


/* fonts */

.font1 {
  font-family: "BBH Bartle", sans-serif;
  font-weight: 400;
  font-style: normal;
}
























/* peek */