.font-glitch{position:relative;letter-spacing: 1px;}
.font-glitch:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-image:url("/static/images/text-noise.svg");z-index:3;opacity:0.8;mix-blend-mode:overlay;}
.font-glitch .b{position:absolute;top:0;left:0;width:100%;height:100%;color:rgba(0,0,0,0);text-shadow:.03em 0 #56ccf2}
.font-glitch .r{position:absolute;top:0;left:0;width:100%;height:100%;color:rgba(0,0,0,0);text-shadow:.03em 0 #eb5757,-0.03em -0.03em #56ccf2}
.font-glitch .w{position:relative;z-index:2;top:0;left:0;width:100%;height:100%}
.glcon{position:relative;z-index:10;}
.glcon.animate .font-glitch .b{animation:anim-1 1.5s infinite linear alternate-reverse}
.glcon.animate .font-glitch .r{animation:anim-2 1s infinite linear alternate-reverse}
.fff {font-family:inherit;font-weight:inherit;}
@-webkit-keyframes anim-1{0%{left:-0px}10%{left:-2px}20%{left:-1px}30%{left:-0px}40%{left:-1px}50%{left:-0px}60%{left:-2px}70%{left:-0px}80%{left:-0px}90%{left:-1px}100%{left:-2px}}
@keyframes anim-1{0%{left:-0px}10%{left:-2px}20%{left:-1px}30%{left:-0px}40%{left:-1px}50%{left:-0px}60%{left:-2px}70%{left:-0px}80%{left:-0px}90%{left:-1px}100%{left:-2px}}
@-webkit-keyframes anim-2{0%{left:2px}10%{left:1px}20%{left:0px}30%{left:2px}40%{left:1px}50%{left:2px}60%{left:0px}70%{left:0px}80%{left:0px}90%{left:2px}100%{left:2px}}
@keyframes anim-2{0%{left:2px}10%{left:1px}20%{left:0px}30%{left:2px}40%{left:1px}50%{left:2px}60%{left:0px}70%{left:0px}80%{left:0px}90%{left:2px}100%{left:2px}}
@media (max-width: 1024px) {
    .glcon.animate .font-glitch .b,
    .glcon.animate .font-glitch .r {
        animation: none !important;
        left: 0 !important;
        transform: none !important;
    }    
    .font-glitch:after {
        opacity: 0.5;
    }    
    .font-glitch {
        letter-spacing: normal;
    }
}