#f {
  color:#FF00E6;
  animation: text-flicker 3s linear infinite;
  left:0px;
}

#offset {
  animation: letter-flicker 2s linear infinite;
    left:0px;

}

@keyframes text-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  
  2% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  8% {
    opacity:0.1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  9% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  12% {
    opacity:0.1;
    text-shadow: 0px 0px #FF00E6;
  }
  20% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6
  }
  25% {
    opacity:0.3;
    text-shadow: 0px 0px 29px #FF00E6
  }
  30% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6
  }
  
  70% {
    opacity:0.7;
    text-shadow: 0px 0px 29px #FF00E6
  }
  
  72% {
    opacity:0.2;
    text-shadow:0px 0px 29px #FF00E6
  }
  
  77% {
    opacity:.9;
    text-shadow: 0px 0px 29px #FF00E6
  }
  100% {
    opacity:.9;
    text-shadow: 0px 0px 29px #FF00E6
  }
}

@keyframes border-flicker {
  0% {
    opacity:0.1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
  2% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
  4% {
    opacity:0.1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
  
  8% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
  70% {
    opacity:0.7;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
  100% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
  }
}

@keyframes letter-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  2% {
    opacity:0.1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  4% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  
  
  19% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  21% {
    opacity:0.1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  23% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  
  80% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  83% {
    opacity:0.4;
    text-shadow: 0px 0px 29px #FF00E6;
  }
  87% {
    opacity:1;
    text-shadow: 0px 0px 29px #FF00E6;
  }
}