body {
   background-color: rgb(0, 0, 0);
&:after {
   content: '';
   position: absolute;
   top:0px;
   left:0px;
   right:0px;
   bottom:0px;
   z-index:1000;
   background: repeating-linear-gradient(0deg, #111 0px, #111 1px, transparent 2px, transparent 5px);
   background-size:100% 5px;
   animation: lines 2s linear infinite;
   opacity: 0.4;
   mix-blend-mode: color-burn;
   pointer-events: none;
   border-radius: 12.5%;
}

.text, .text >* {
   position: absolute;
   top:22.5%;
   left:50%;
   transform:translate(-50%,-50%);
}
.text {
   >* {
      font-size:10vh;
      text-wrap:nowrap;
      animation: giggle 1s ease infinite;
      mix-blend-mode: difference;
   }
   .r {
      color:#f00;
      left:-1px;
   }
   .g {
      color:#0f0;
      animation-delay:-0.67s;
   }
   .b {
      color:#00f;
      animation-delay:-0.33s;
      left:1px;
   }
  }
}
@keyframes giggle {
  0%, 100% {
     transform:translate(-50%,-50%) translateY(-2px);
  }
  50% {
     transform:translate(-50%,-50%) translateY(2px);
  }
}
@keyframes lines {
  0% {
     background-position:0px 0px;
  }
  100% {
     background-position:0px 25px;
  }
}
canvas{
   z-index: -1000;
   background-color: rgb(34, 37, 41);
   border-radius: 12.5%;
   position:absolute;
   top:0;
}