.lessGlitch {
  color: black;
  position: relative;
  font-size: 100px;
  line-height:120px;
  font-weight: 700;
  width: 530px;
  margin: 0 auto;
}
.lessGlitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #ff0000;
  top: 0;
  color: black;
  background: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  -webkit-animation: glitchOne 2s infinite linear alternate-reverse;
          animation: glitchOne 2s infinite linear alternate-reverse;
}
.lessGlitch:before {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #0000ff;
  top: 0;
  color: black;
  background: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  -webkit-animation: glitchTwo 3s infinite linear alternate-reverse;
          animation: glitchTwo 3s infinite linear alternate-reverse;
}
/*------------------------------------*\
    $Functions
\*------------------------------------*/
@-webkit-keyframes glitchOne {
  100% {
    clip: rect(16px, 9999px, 83px, 0);
  }
  95% {
    clip: rect(65px, 9999px, 8px, 0);
  }
  90% {
    clip: rect(22px, 9999px, 75px, 0);
  }
  85% {
    clip: rect(43px, 9999px, 14px, 0);
  }
  80% {
    clip: rect(54px, 9999px, 89px, 0);
  }
  75% {
    clip: rect(64px, 9999px, 98px, 0);
  }
  70% {
    clip: rect(10px, 9999px, 58px, 0);
  }
  65% {
    clip: rect(94px, 9999px, 54px, 0);
  }
  60% {
    clip: rect(19px, 9999px, 86px, 0);
  }
  55% {
    clip: rect(43px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(100px, 9999px, 92px, 0);
  }
  45% {
    clip: rect(15px, 9999px, 64px, 0);
  }
  40% {
    clip: rect(81px, 9999px, 72px, 0);
  }
  35% {
    clip: rect(88px, 9999px, 95px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 53px, 0);
  }
  25% {
    clip: rect(3px, 9999px, 31px, 0);
  }
  20% {
    clip: rect(47px, 9999px, 87px, 0);
  }
  15% {
    clip: rect(90px, 9999px, 76px, 0);
  }
  10% {
    clip: rect(75px, 9999px, 55px, 0);
  }
  5% {
    clip: rect(28px, 9999px, 89px, 0);
  }
}
@keyframes glitchOne {
  100% {
    clip: rect(16px, 9999px, 83px, 0);
  }
  95% {
    clip: rect(65px, 9999px, 8px, 0);
  }
  90% {
    clip: rect(22px, 9999px, 75px, 0);
  }
  85% {
    clip: rect(43px, 9999px, 14px, 0);
  }
  80% {
    clip: rect(54px, 9999px, 89px, 0);
  }
  75% {
    clip: rect(64px, 9999px, 98px, 0);
  }
  70% {
    clip: rect(10px, 9999px, 58px, 0);
  }
  65% {
    clip: rect(94px, 9999px, 54px, 0);
  }
  60% {
    clip: rect(19px, 9999px, 86px, 0);
  }
  55% {
    clip: rect(43px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(100px, 9999px, 92px, 0);
  }
  45% {
    clip: rect(15px, 9999px, 64px, 0);
  }
  40% {
    clip: rect(81px, 9999px, 72px, 0);
  }
  35% {
    clip: rect(88px, 9999px, 95px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 53px, 0);
  }
  25% {
    clip: rect(3px, 9999px, 31px, 0);
  }
  20% {
    clip: rect(47px, 9999px, 87px, 0);
  }
  15% {
    clip: rect(90px, 9999px, 76px, 0);
  }
  10% {
    clip: rect(75px, 9999px, 55px, 0);
  }
  5% {
    clip: rect(28px, 9999px, 89px, 0);
  }
}
@-webkit-keyframes glitchTwo {
  #100% {
    clip: rect(60px, 9999px, 46px, 0);
  }
  #95% {
    clip: rect(98px, 9999px, 82px, 0);
  }
  #90% {
    clip: rect(47px, 9999px, 48px, 0);
  }
  #85% {
    clip: rect(36px, 9999px, 9px, 0);
  }
  #80% {
    clip: rect(79px, 9999px, 64px, 0);
  }
  #75% {
    clip: rect(96px, 9999px, 44px, 0);
  }
  #70% {
    clip: rect(76px, 9999px, 94px, 0);
  }
  #65% {
    clip: rect(59px, 9999px, 1px, 0);
  }
  #60% {
    clip: rect(27px, 9999px, 52px, 0);
  }
  #55% {
    clip: rect(79px, 9999px, 20px, 0);
  }
  #50% {
    clip: rect(97px, 9999px, 96px, 0);
  }
  #45% {
    clip: rect(10px, 9999px, 93px, 0);
  }
  #40% {
    clip: rect(0px, 9999px, 53px, 0);
  }
  #35% {
    clip: rect(0px, 9999px, 66px, 0);
  }
  #30% {
    clip: rect(77px, 9999px, 19px, 0);
  }
  #25% {
    clip: rect(64px, 9999px, 100px, 0);
  }
  #20% {
    clip: rect(53px, 9999px, 39px, 0);
  }
  #15% {
    clip: rect(48px, 9999px, 59px, 0);
  }
  #10% {
    clip: rect(42px, 9999px, 34px, 0);
  }
  #5% {
    clip: rect(13px, 9999px, 12px, 0);
  }
}
@keyframes glitchTwo {
  #100% {
    clip: rect(60px, 9999px, 46px, 0);
  }
  #95% {
    clip: rect(98px, 9999px, 82px, 0);
  }
  #90% {
    clip: rect(47px, 9999px, 48px, 0);
  }
  #85% {
    clip: rect(36px, 9999px, 9px, 0);
  }
  #80% {
    clip: rect(79px, 9999px, 64px, 0);
  }
  #75% {
    clip: rect(96px, 9999px, 44px, 0);
  }
  #70% {
    clip: rect(76px, 9999px, 94px, 0);
  }
  #65% {
    clip: rect(59px, 9999px, 1px, 0);
  }
  #60% {
    clip: rect(27px, 9999px, 52px, 0);
  }
  #55% {
    clip: rect(79px, 9999px, 20px, 0);
  }
  #50% {
    clip: rect(97px, 9999px, 96px, 0);
  }
  #45% {
    clip: rect(10px, 9999px, 93px, 0);
  }
  #40% {
    clip: rect(0px, 9999px, 53px, 0);
  }
  #35% {
    clip: rect(0px, 9999px, 66px, 0);
  }
  #30% {
    clip: rect(77px, 9999px, 19px, 0);
  }
  #25% {
    clip: rect(64px, 9999px, 100px, 0);
  }
  #20% {
    clip: rect(53px, 9999px, 39px, 0);
  }
  #15% {
    clip: rect(48px, 9999px, 59px, 0);
  }
  #10% {
    clip: rect(42px, 9999px, 34px, 0);
  }
  #5% {
    clip: rect(13px, 9999px, 12px, 0);
  }
}



@-moz-keyframes noise {
  0% {
    background-position: -18px -32px;
  }
  10% {
    background-position: 53px 20px;
  }
  20% {
    background-position: -53px 30px;
  }
  30% {
    background-position: -97px 80px;
  }
  40% {
    background-position: 78px 100px;
  }
  50% {
    background-position: -93px 21px;
  }
  60% {
    background-position: 27px -1px;
  }
  70% {
    background-position: 1px -8px;
  }
  80% {
    background-position: -66px 89px;
  }
  90% {
    background-position: 58px 84px;
  }
}
@-webkit-keyframes noise {
  0% {
    background-position: -89px 71px;
  }
  10% {
    background-position: 89px -10px;
  }
  20% {
    background-position: 32px -16px;
  }
  30% {
    background-position: -30px 66px;
  }
  40% {
    background-position: 89px -37px;
  }
  50% {
    background-position: -69px -72px;
  }
  60% {
    background-position: 21px 61px;
  }
  70% {
    background-position: 70px -14px;
  }
  80% {
    background-position: -87px -24px;
  }
  90% {
    background-position: 10px 22px;
  }
}
@keyframes noise {
  0% {
    background-position: -91px -55px;
  }
  10% {
    background-position: 50px -17px;
  }
  20% {
    background-position: 88px -70px;
  }
  30% {
    background-position: 69px -10px;
  }
  40% {
    background-position: 33px -69px;
  }
  50% {
    background-position: 23px 99px;
  }
  60% {
    background-position: -26px -89px;
  }
  70% {
    background-position: 62px 1px;
  }
  80% {
    background-position: 6px 74px;
  }
  90% {
    background-position: -53px -37px;
  }
}
.glitch { opacity:0.3;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/nose1.png');
  -moz-animation: noise 0.3s infinite;
  -webkit-animation: noise 0.3s infinite;
  animation: noise 0.3s infinite;
}

