h3 {
  font: 35px/1.2 'Fredoka One', sans-serif;
  color: #fff;
  animation: text-flicker 3s linear infinite;
}

h4 {
  font: 30px/1.2 'Fredoka One', sans-serif;
  color: #fff;
  animation: text-flicker 3s linear infinite;
  margin-bottom: 0;
}

h4 span{
  display: inline;
}

#offset {
  animation: letter-flicker 2s linear infinite;
}

@keyframes text-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }

  2% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  8% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  9% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  12% {
    opacity:0.1;
    text-shadow: 0px 0px rgba(254, 255, 231, 1);
  }
  20% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }
  25% {
    opacity:0.3;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }
  30% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }

  70% {
    opacity:0.7;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }

  72% {
    opacity:0.2;
    text-shadow:0px 0px 29px rgba(254, 255, 231, 1)
  }

  77% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }
  100% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1)
  }
}

@keyframes border-flicker {
  0% {
    opacity:0.1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }
  2% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }
  4% {
    opacity:0.1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }

  8% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }
  70% {
    opacity:0.7;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }
  100% {
    opacity:1;
    -webkit-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
-moz-box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
box-shadow: 0px 0px 78px 4px rgba(103,213,240,0.73);
  }
}

@keyframes letter-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  2% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  4% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }


  19% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  21% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  23% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }

  80% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  83% {
    opacity:0.4;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
  87% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(254, 255, 231, 1);
  }
}