body {
          background-color: blue;
  background-image: url('https://maiden.drr.ac/assets/images/gallery08/0969505f.gif?v=f60cdbcc'), url('https://i.pinimg.com/originals/bd/63/3d/bd633d443ea586bd9dd6ae56c690870d.gif'), url('https://sadhost.neocities.org/images/tiles/stars.gif');;
        background-color: black;
              animation: bgscroll 80s linear infinite;
  
  display: block;
}

      @keyframes bgscroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100% 0;
    }
}

.holder {
  position: absolute;
  top: 130px;
  background: white;
  width: 400px;
  height: 530px;
  place-self: center;
  display: block;
  background: white;
}

.helpful {
  position: absolute;
  top: -50px;
  place-self: center;
    width: 300px;
  height: 300px;
  background: white;
  overflow-y: scroll;
  border: 1px black solid;
}


.buttons {
  position: absolute;
  top: 100px;
    width: 150px;
  height: 300px;
  background: white;
  right: -40px;
  text-align: center;
  border: 1px black solid;
}

.abstraction {
  position: absolute;
  top: 200px;
  left: -80px;
    width:320px;
  height: 230px;
  z-index: 100;
  pointer-events: none;
}

#tappy {
    position: absolute;
  top: 198.9px;
  left: -80px;
    width:320px;
  height: 230px;
  z-index: 50;
  pointer-events: none;
}

#header {
    position: absolute;
  top: 100px;
  left: 250px;
    width:300px;
  height: 150px;
  text-align: center;
  color: white;
  font-size: 20px;
    font-family: dotgothic16;
  animation: flicker 1.5s infinite alternate;
}

.tvs {
      position: absolute;
  top: 260px;
  left: 120px;
    width:300px;
  height: 450px;
  z-index:50;
}

#moon {
      position: absolute;
  top: 100px;
  left: 1010px;
}

.footer {
  height: 30px;
  width: 400px;
  place-self: center;
  position: absolute;
  background: white;
  top: 670px;
}

.border {
  background: url();
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 9999;
  pointer-events: none;
  background-size: 100% 100%;
}

@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

text-shadow: 0px 0px 9px #CECECE, 0px 6px 20px #FFFFFF;
  
  }
  
  20%, 24%, 55% {        
      text-shadow:  2px 2px 0px #CE0000, 0px 0px 16px #0004CE, 0px 0px 16px #0004CE, 0px 0px 16px #0004CE;
  }    
}

#vid1 {
  position: absolute;
  left:310px;
  top: 415px;
}

.bgthing {
  position: absolute;
  left: 530px;
  top: 280px;
  width: 800px;
  height: 588px;
  background: url(https://files.catbox.moe/79h750.png);
}