box{
  position: relative;
  width: 8em;
  margin: 0 auto;
  color: #fff;
}
@-webkit-keyframes noise-anim {
    0% {
        clip: rect(59px,9999px,76px,0)
    }

    5% {
        clip: rect(62px,9999px,71px,0)
    }

    10% {
        clip: rect(99px,9999px,88px,0)
    }

    15.0% {
        clip: rect(2px,9999px,45px,0)
    }

    20% {
        clip: rect(24px,9999px,83px,0)
    }

    25% {
        clip: rect(15px,9999px,68px,0)
    }

    30.0% {
        clip: rect(24px,9999px,79px,0)
    }

    35% {
        clip: rect(24px,9999px,6px,0)
    }

    40% {
        clip: rect(4px,9999px,63px,0)
    }

    45% {
        clip: rect(44px,9999px,47px,0)
    }

    50% {
        clip: rect(34px,9999px,80px,0)
    }

    55.0% {
        clip: rect(45px,9999px,55px,0)
    }

    60.0% {
        clip: rect(43px,9999px,32px,0)
    }

    65% {
        clip: rect(15px,9999px,54px,0)
    }

    70% {
        clip: rect(69px,9999px,25px,0)
    }

    75% {
        clip: rect(31px,9999px,45px,0)
    }

    80% {
        clip: rect(15px,9999px,48px,0)
    }

    85.0% {
        clip: rect(95px,9999px,5px,0)
    }

    90% {
        clip: rect(53px,9999px,15px,0)
    }

    95% {
        clip: rect(83px,9999px,8px,0)
    }

    100% {
        clip: rect(33px,9999px,82px,0)
    }
}
@keyframes noise-anim {
    0% {
        clip: rect(59px,9999px,76px,0)
    }

    5% {
        clip: rect(62px,9999px,71px,0)
    }

    10% {
        clip: rect(99px,9999px,88px,0)
    }

    15.0% {
        clip: rect(2px,9999px,45px,0)
    }

    20% {
        clip: rect(24px,9999px,83px,0)
    }

    25% {
        clip: rect(15px,9999px,68px,0)
    }

    30.0% {
        clip: rect(24px,9999px,79px,0)
    }

    35% {
        clip: rect(24px,9999px,6px,0)
    }

    40% {
        clip: rect(4px,9999px,63px,0)
    }

    45% {
        clip: rect(44px,9999px,47px,0)
    }

    50% {
        clip: rect(34px,9999px,80px,0)
    }

    55.0% {
        clip: rect(45px,9999px,55px,0)
    }

    60.0% {
        clip: rect(43px,9999px,32px,0)
    }

    65% {
        clip: rect(15px,9999px,54px,0)
    }

    70% {
        clip: rect(69px,9999px,25px,0)
    }

    75% {
        clip: rect(31px,9999px,45px,0)
    }

    80% {
        clip: rect(15px,9999px,48px,0)
    }

    85.0% {
        clip: rect(95px,9999px,5px,0)
    }

    90% {
        clip: rect(53px,9999px,15px,0)
    }

    95% {
        clip: rect(83px,9999px,8px,0)
    }

    100% {
        clip: rect(33px,9999px,82px,0)
    }
}
.box:after{
    left: 2px;
    text-shadow: -2px 0 #2ed1f7;
    clip: rect(0,900px,0,0);
    -webkit-animation: noise-anim 2s infinite linear alternate-reverse;
    animation: noise-anim 2s infinite linear alternate-reverse;
}
@-webkit-keyframes noise-anim-2 {
    0% {
        clip: rect(24px,9999px,28px,0)
    }

    5% {
        clip: rect(20px,9999px,44px,0)
    }

    10% {
        clip: rect(23px,9999px,7px,0)
    }

    15.0% {
        clip: rect(34px,9999px,91px,0)
    }

    20% {
        clip: rect(85px,9999px,82px,0)
    }

    25% {
        clip: rect(31px,9999px,16px,0)
    }

    30.0% {
        clip: rect(87px,9999px,56px,0)
    }

    35% {
        clip: rect(27px,9999px,33px,0)
    }

    40% {
        clip: rect(46px,9999px,49px,0)
    }

    45% {
        clip: rect(11px,9999px,44px,0)
    }

    50% {
        clip: rect(1px,9999px,50px,0)
    }

    55.0% {
        clip: rect(92px,9999px,27px,0)
    }

    60.0% {
        clip: rect(43px,9999px,14px,0)
    }

    65% {
        clip: rect(58px,9999px,4px,0)
    }

    70% {
        clip: rect(30px,9999px,40px,0)
    }

    75% {
        clip: rect(19px,9999px,11px,0)
    }

    80% {
        clip: rect(53px,9999px,72px,0)
    }

    85.0% {
        clip: rect(51px,9999px,48px,0)
    }

    90% {
        clip: rect(58px,9999px,47px,0)
    }

    95% {
        clip: rect(93px,9999px,8px,0)
    }

    100% {
        clip: rect(60px,9999px,65px,0)
    }
}
@keyframes noise-anim-2 {
    0% {
        clip: rect(24px,9999px,28px,0)
    }

    5% {
        clip: rect(20px,9999px,44px,0)
    }

    10% {
        clip: rect(23px,9999px,7px,0)
    }

    15.0% {
        clip: rect(34px,9999px,91px,0)
    }

    20% {
        clip: rect(85px,9999px,82px,0)
    }

    25% {
        clip: rect(31px,9999px,16px,0)
    }

    30.0% {
        clip: rect(87px,9999px,56px,0)
    }

    35% {
        clip: rect(27px,9999px,33px,0)
    }

    40% {
        clip: rect(46px,9999px,49px,0)
    }

    45% {
        clip: rect(11px,9999px,44px,0)
    }

    50% {
        clip: rect(1px,9999px,50px,0)
    }

    55.0% {
        clip: rect(92px,9999px,27px,0)
    }

    60.0% {
        clip: rect(43px,9999px,14px,0)
    }

    65% {
        clip: rect(58px,9999px,4px,0)
    }

    70% {
        clip: rect(30px,9999px,40px,0)
    }

    75% {
        clip: rect(19px,9999px,11px,0)
    }

    80% {
        clip: rect(53px,9999px,72px,0)
    }

    85.0% {
        clip: rect(51px,9999px,48px,0)
    }

    90% {
        clip: rect(58px,9999px,47px,0)
    }

    95% {
        clip: rect(93px,9999px,8px,0)
    }

    100% {
        clip: rect(60px,9999px,65px,0)
    }
}
.box:before {
    left: -2px;
    text-shadow: 1px 0 #2ed1f7;
    clip: rect(0,900px,0,0);
  -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.box:after, .box:before{
    position: absolute;
    top: 0;
    background-color: #222;
  content: attr(data-text);
}

/*   glitch   */
@-webkit-keyframes noise-glitch {
    0% {
        clip: rect(21px,9999px,57px,0)
    }

    5% {
        clip: rect(21px,9999px,80px,0)
    }

    10% {
        clip: rect(55px,9999px,69px,0)
    }

    15.0% {
        clip: rect(22px,9999px,55px,0)
    }

    20% {
        clip: rect(38px,9999px,69px,0)
    }

    25% {
        clip: rect(31px,9999px,84px,0)
    }

    30.0% {
        clip: rect(15px,9999px,28px,0)
    }

    35% {
        clip: rect(16px,9999px,100px,0)
    }

    40% {
        clip: rect(25px,9999px,10px,0)
    }

    45% {
        clip: rect(19px,9999px,19px,0)
    }

    50% {
        clip: rect(71px,9999px,35px,0)
    }

    55.0% {
        clip: rect(89px,9999px,21px,0)
    }

    60.0% {
        clip: rect(20px,9999px,34px,0)
    }

    65% {
        clip: rect(22px,9999px,61px,0)
    }

    70% {
        clip: rect(65px,9999px,28px,0)
    }

    75% {
        clip: rect(82px,9999px,47px,0)
    }

    80% {
        clip: rect(64px,9999px,11px,0)
    }

    85.0% {
        clip: rect(63px,9999px,28px,0)
    }

    90% {
        clip: rect(60px,9999px,60px,0)
    }

    95% {
        clip: rect(9px,9999px,90px,0)
    }

    100% {
        clip: rect(40px,9999px,62px,0)
    }
}

@keyframes noise-glitch {
    0% {
        clip: rect(21px,9999px,57px,0)
    }

    5% {
        clip: rect(21px,9999px,80px,0)
    }

    10% {
        clip: rect(55px,9999px,69px,0)
    }

    15.0% {
        clip: rect(22px,9999px,55px,0)
    }

    20% {
        clip: rect(38px,9999px,69px,0)
    }

    25% {
        clip: rect(31px,9999px,84px,0)
    }

    30.0% {
        clip: rect(15px,9999px,28px,0)
    }

    35% {
        clip: rect(16px,9999px,100px,0)
    }

    40% {
        clip: rect(25px,9999px,10px,0)
    }

    45% {
        clip: rect(19px,9999px,19px,0)
    }

    50% {
        clip: rect(71px,9999px,35px,0)
    }

    55.0% {
        clip: rect(89px,9999px,21px,0)
    }

    60.0% {
        clip: rect(20px,9999px,34px,0)
    }

    65% {
        clip: rect(22px,9999px,61px,0)
    }

    70% {
        clip: rect(65px,9999px,28px,0)
    }

    75% {
        clip: rect(82px,9999px,47px,0)
    }

    80% {
        clip: rect(64px,9999px,11px,0)
    }

    85.0% {
        clip: rect(63px,9999px,28px,0)
    }

    90% {
        clip: rect(60px,9999px,60px,0)
    }

    95% {
        clip: rect(9px,9999px,90px,0)
    }

    100% {
        clip: rect(40px,9999px,62px,0)
    }
}

@-webkit-keyframes noise-glitch-2 {
    0% {
        clip: rect(77px,9999px,63px,0)
    }

    5% {
        clip: rect(7px,9999px,6px,0)
    }

    10% {
        clip: rect(82px,9999px,78px,0)
    }

    15.0% {
        clip: rect(85px,9999px,25px,0)
    }

    20% {
        clip: rect(93px,9999px,38px,0)
    }

    25% {
        clip: rect(70px,9999px,96px,0)
    }

    30.0% {
        clip: rect(41px,9999px,72px,0)
    }

    35% {
        clip: rect(39px,9999px,65px,0)
    }

    40% {
        clip: rect(36px,9999px,34px,0)
    }

    45% {
        clip: rect(84px,9999px,96px,0)
    }

    50% {
        clip: rect(99px,9999px,45px,0)
    }

    55.0% {
        clip: rect(37px,9999px,73px,0)
    }

    60.0% {
        clip: rect(63px,9999px,20px,0)
    }

    65% {
        clip: rect(55px,9999px,44px,0)
    }

    70% {
        clip: rect(58px,9999px,11px,0)
    }

    75% {
        clip: rect(61px,9999px,82px,0)
    }

    80% {
        clip: rect(60px,9999px,9px,0)
    }

    85.0% {
        clip: rect(37px,9999px,69px,0)
    }

    90% {
        clip: rect(32px,9999px,64px,0)
    }

    95% {
        clip: rect(63px,9999px,16px,0)
    }

    100% {
        clip: rect(47px,9999px,34px,0)
    }
}

@keyframes noise-glitch-2 {
    0% {
        clip: rect(77px,9999px,63px,0)
    }

    5% {
        clip: rect(7px,9999px,6px,0)
    }

    10% {
        clip: rect(82px,9999px,78px,0)
    }

    15.0% {
        clip: rect(85px,9999px,25px,0)
    }

    20% {
        clip: rect(93px,9999px,38px,0)
    }

    25% {
        clip: rect(70px,9999px,96px,0)
    }

    30.0% {
        clip: rect(41px,9999px,72px,0)
    }

    35% {
        clip: rect(39px,9999px,65px,0)
    }

    40% {
        clip: rect(36px,9999px,34px,0)
    }

    45% {
        clip: rect(84px,9999px,96px,0)
    }

    50% {
        clip: rect(99px,9999px,45px,0)
    }

    55.0% {
        clip: rect(37px,9999px,73px,0)
    }

    60.0% {
        clip: rect(63px,9999px,20px,0)
    }

    65% {
        clip: rect(55px,9999px,44px,0)
    }

    70% {
        clip: rect(58px,9999px,11px,0)
    }

    75% {
        clip: rect(61px,9999px,82px,0)
    }

    80% {
        clip: rect(60px,9999px,9px,0)
    }

    85.0% {
        clip: rect(37px,9999px,69px,0)
    }

    90% {
        clip: rect(32px,9999px,64px,0)
    }

    95% {
        clip: rect(63px,9999px,16px,0)
    }

    100% {
        clip: rect(47px,9999px,34px,0)
    }
}

.bold {
    font-weight: 700;
}
.glitch {
    margin: 0 auto;
    width: 7em;
    color: #fff;
    position: relative;
    text-transform: uppercase
}

.glitch:after,.glitch:before {
    overflow: hidden;
    top: 0;
    content: attr(data-text);
    position: absolute;
    left: 2px;
    clip: rect(0,900px,0,0)
}

.glitch:after {
    text-shadow: -2px 0 #2ed1f7;
    -webkit-animation: noise-glitch 2s infinite linear alternate-reverse;
    -moz-animation: noise-glitch 2s infinite linear alternate-reverse;
    animation: noise-glitch 2s infinite linear alternate-reverse
}

.glitch:before {
    text-shadow: 3px 0 #2ed1f7;
    -webkit-animation: noise-glitch-2 2s infinite linear alternate-reverse;
    -moz-animation: noise-glitch-2 2s infinite linear alternate-reverse;
    animation: noise-glitch-2 3s infinite linear alternate-reverse
}