@charset "utf-8";
/* CSS Document */

.channel-split-static {
   opacity: 0;
}

.channel-split {
   position: absolute;
   top: 0;
   left: 0;
   mix-blend-mode: difference;   
}

.channel-split-darken{
   position: absolute;
   top: 0;
   left: 0;
   mix-blend-mode:darken;   
}

.channel-split-red {
   color: #f00;
   animation: ANIMATE-RED 2000ms infinite;
}

.channel-split-green {
   color: #0f0;
	animation: ANIMATE-GREEN 2000ms infinite;
}

.channel-split-blue {
   color: #00f;
   animation: ANIMATE-BLUE 2000ms infinite;
}

@keyframes ANIMATE-RED {
   0% {
      transform: translate(0, 0)
   }
   50% {
      transform: translate(2px, 2px);
   }
   100% {
      transform: translate(0, 0)
   }
}

@keyframes ANIMATE-BLUE {
   0% {
      transform: translate(0, 0)
   }
   50% {
      transform: translate(-2px, -2px);
   }
   100% {
      transform: translate(0, 0)
   }
}