#banner{
  position: absolute;
    width: 970px;
    height: 250px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  background-color:#000;  

}

.border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999999;
}


.retina{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
}

.spriteWrapper{
  position: absolute;
  width: 200px;
  height: 68px;
  left: 385px;
  top: 20px;
  overflow: hidden;
}

.sprite{
  position: absolute;
  width: 100%;
  height: auto;
  top:-1px;
  left:0px;
}

.type{
  position: absolute;
  font-size: 25px;
  /* text-align: center; */
  color: white;
  font-family: 'RetroComputer';
  /* width: 100%; */
  top:85px;
  left:252px;
  filter: drop-shadow(0px 0px 5px rgba(255,255,255,1)) drop-shadow(3px 3px 2px rgba(0,0,0,.5));
}

.light{
  mix-blend-mode: overlay;
  opacity: .2;
}

.background{
  opacity: 0;
  clip: rect(124px,485px,128px,485px);
  
}

.scanlines{
  mix-blend-mode: overlay;
  opacity: 0.1;
  height: 600px;
}

.scanline1{
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0;
}

.blue{
  background: rgb(12,26,63);
background: -moz-linear-gradient(0deg, rgba(12,26,63,1) 0%, rgba(12,45,99,1) 49%, rgba(12,45,99,1) 69%, rgba(13,32,74,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(12,26,63,1) 0%, rgba(12,45,99,1) 49%, rgba(12,45,99,1) 69%, rgba(13,32,74,1) 100%);
background: linear-gradient(0deg, rgba(12,26,63,1) 0%, rgba(12,45,99,1) 49%, rgba(12,45,99,1) 69%, rgba(13,32,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c1a3f",endColorstr="#0d204a",GradientType=1);
}

.bokeh{
  position: absolute;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: rgb(42,69,187);
  background: -moz-radial-gradient(circle, rgba(42,69,187,0.8127844887955182) 10%, rgba(42,69,187,0) 54%);
  background: -webkit-radial-gradient(circle, rgba(42,69,187,0.8127844887955182) 10%, rgba(42,69,187,0) 54%);
  background: radial-gradient(circle, rgba(42,69,187,0.8127844887955182) 10%, rgba(42,69,187,0) 54%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a45bb",endColorstr="#2a45bb",GradientType=1);
}

.roll, .light{
  background-color: azure;
  mix-blend-mode: overlay;
  opacity: 0;
}

.gradient{
  position: absolute;
  width: 100%;
  height: 80px;
  left:0px;
  bottom:0px;
  background: rgb(8,10,25);
  background: -moz-linear-gradient(0deg, rgba(8,10,25,1) 31%, rgba(8,10,25,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(8,10,25,1) 31%, rgba(8,10,25,0) 100%);
  background: linear-gradient(0deg, rgba(8,10,25,1) 31%, rgba(8,10,25,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#080a19",endColorstr="#080a19",GradientType=1);
}

.text1, .call1{
  clip: rect(0px,970px,53px,0px);
}

.text2, .call2{
  clip: rect(53px,970px,66px,0px);
}

.text3, .call3{
  clip: rect(66px,970px,250px,0px);
}

.chat1{
  clip: rect(0px,970px,53px,0px);
}

.chat2{
  clip: rect(53px,970px,66px,0px);
}

.chat3{
  clip: rect(66px,970px,250px,0px);
}