body {
  background-color: #222;
}

.container {
  width: 100%;
  height: 100%;
  background-color: #c1bebe;
  position: absolute;
  top: 0%;
  left: 0%;
  transform:translate(0%, 0%) ;
}

/*
@-webkit-keyframes text-glitch {
  1% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -4%;
  }
  1.5% {
    clip: rect(579px, 9999px, 994px, 0);
    left: -4%;
  }
  2% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -4%;
  }
  2.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -2%;
  }
  3% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  3.5% {
    clip: rect(763px, 9999px, 796px, 0);
    left: -4%;
  }
  4% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 4%;
  }
  4.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 2%;
  }
  5% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 5%;
  }
  5.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -1%;
  }
  6% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 3%;
  }
  7% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 5%;
    filter: grayscale(1);
  }
  7.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -1%;
  }
  8% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 0%;
  }
  9% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -1%;
   filter: none;
  }
  9.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -4%;
  }
  10% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -4%;
  }
  10.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 5%;
  }
  11% {
    clip: none;
    left: 0;
  }
 45% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -14%;
  }
  45.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -14%;
  }
  46% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -14%;
  }
  46.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -12%;
  }
  47% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  47.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -14%;
    opacity: 0.8;
  }
 48% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 14%;
  }
  48.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 12%;
  }
  49% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -11%;
  }
  50% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -11%;
  }
  50.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 13%;
  }
  51% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 15%;
  }
  51.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -11%;
  }
  52% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 11%;
  }
  52.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 10%;
  }
  53% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -11%;
  }
  54.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -14%;
  }
  55% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -14%;
  }
  55.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 15%;
  }
}
@-moz-keyframes text-glitch {
  1% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -4%;
  }
  1.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -4%;
  }
  2% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -4%;
  }
  2.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -2%;
  }
  3% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  3.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -4%;
  }
  4% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 4%;
  }
  4.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 2%;
  }
  5% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 5%;
  }
  5.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -1%;
  }
  6% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 3%;
  }
  7% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 5%;
    filter: grayscale(1);
  }
  7.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -1%;
  }
  8% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 0%;
  }
  9% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -1%;
   filter: none;
  }
  9.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -4%;
  }
  10% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -4%;
  }
  10.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 5%;
  }
  11% {
    clip: none;
    left: 0;
  }
 45% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -14%;
  }
  45.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -14%;
  }
  46% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -14%;
  }
  46.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -12%;
  }
  47% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  47.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -14%;
    opacity: 0.8;
  }
 48% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 14%;
  }
  48.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 12%;
  }
  49% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -11%;
  }
  50% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -11%;
  }
  50.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 13%;
  }
  51% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 15%;
  }
  51.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -11%;
  }
  52% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 11%;
  }
  52.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 10%;
  }
  53% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -11%;
  }
  54.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -14%;
  }
  55% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -14%;
  }
  55.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 15%;
  }
}
@-o-keyframes text-glitch {
  1% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -4%;
  }
  1.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -4%;
  }
  2% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -4%;
  }
  2.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -2%;
  }
  3% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  3.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -4%;
  }
  4% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 4%;
  }
  4.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 2%;
  }
  5% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 5%;
  }
  5.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -1%;
  }
  6% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 3%;
  }
  7% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 5%;
    filter: grayscale(1);
  }
  7.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -1%;
  }
  8% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 0%;
  }
  9% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -1%;
   filter: none;
  }
  9.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -4%;
  }
  10% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -4%;
  }
  10.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 5%;
  }
  11% {
    clip: none;
    left: 0;
  }
 45% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -14%;
  }
  45.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -14%;
  }
  46% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -14%;
  }
  46.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -12%;
  }
  47% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  47.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -14%;
    opacity: 0.8;
  }
 48% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 14%;
  }
  48.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 12%;
  }
  49% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -11%;
  }
  50% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -11%;
  }
  50.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 13%;
  }
  51% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 15%;
  }
  51.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -11%;
  }
  52% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 11%;
  }
  52.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 10%;
  }
  53% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -11%;
  }
  54.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -14%;
  }
  55% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -14%;
  }
  55.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 15%;
  }
}
@keyframes text-glitch {
  1% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -4%;
  }
  1.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -4%;
  }
  2% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -4%;
  }
  2.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -2%;
  }
  3% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  3.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -4%;
  }
  4% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 4%;
  }
  4.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 2%;
  }
  5% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 5%;
  }
  5.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -1%;
  }
  6% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 3%;
  }
  7% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 5%;
    filter: grayscale(1);
  }
  7.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -1%;
  }
  8% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 0%;
  }
  9% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -1%;
   filter: none;
  }
  9.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -4%;
  }
  10% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -4%;
  }
  10.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 5%;
  }
  11% {
    clip: none;
    left: 0;
  }
 45% {
    clip: rect(438px, 9999px, 459px, 0);
    left: -14%;
  }
  45.5% {
    clip: rect(279px, 9999px, 294px, 0);
    left: -14%;
  }
  46% {
    clip: rect(448px, 9999px, 449px, 0);
    left: -14%;
  }
  46.5% {
    clip: rect(301px, 9999px, 345px, 0);
    left: -12%;
  }
  47% {
    clip: rect(466px, 9999px, 526px, 0);
    left: -1%;
  }
  47.5% {
    clip: rect(263px, 9999px, 296px, 0);
    left: -14%;
    opacity: 0.8;
  }
 48% {
    clip: rect(174px, 9999px, 268px, 0);
    left: 14%;
  }
  48.5% {
    clip: rect(100px, 9999px, 167px, 0);
    left: 12%;
  }
  49% {
    clip: rect(308px, 9999px, 311px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(131px, 9999px, 147px, 0);
    left: -11%;
  }
  50% {
    clip: rect(54px, 9999px, 92px, 0);
    left: -11%;
  }
  50.5% {
    clip: rect(341px, 9999px, 421px, 0);
    left: 13%;
  }
  51% {
    clip: rect(354px, 9999px, 394px, 0);
    left: 15%;
  }
  51.5%{
    clip: rect(260px, 9999px, 360px, 0);
    left: -11%;
  }
  52% {
    clip: rect(9px, 9999px, 29px, 0);
    left: 11%;
  }
  52.5% {
    clip: rect(264px, 9999px, 322px, 0);
    left: 10%;
  }
  53% {
    clip: rect(51px, 9999px, 142px, 0);
    left: -11%;
  }
  54.5% {
    clip: rect(105px, 9999px, 151px, 0);
    left: -14%;
  }
  55% {
    clip: rect(204px, 9999px, 237px, 0);
    left: -14%;
  }
  55.5% {
    clip: rect(298px, 9999px, 317px, 0);
    left: 15%;
  }
}

@-webkit-keyframes text-glitch-2 {
  1% {
    clip: rect(204px, 9999px, 254px, 0);
    left: -2%;
  }
  1.5% {
    clip: rect(197px, 9999px, 236px, 0);
    left: -4%;
  }
  2% {
    clip: rect(452px, 9999px, 474px, 0);
    left: 0%;
  }
  2.5% {
    clip: rect(51px, 9999px, 57px, 0);
    left: -2%;
  }
  3% {
    clip: rect(108px, 9999px, 119px, 0);
    left: 2%;
  }
  3.5% {
    clip: rect(458px, 9999px, 480px, 0);
    left: -3%;
  }
  4% {
    clip: rect(188px, 9999px, 194px, 0);
    left: -3%;
  }
  4.5% {
    clip: rect(236px, 9999px, 241px, 0);
    left: -3%;
  }
  5% {
    clip: rect(190px, 9999px, 199px, 0);
    left: -1%;
  }
  5.5% {
    clip: rect(342px, 9999px, 384px, 0);
    left: 5%;
  }
  6% {
    clip: rect(436px, 9999px, 459px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 2%;
  }
  7% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  7.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  8% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  9% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  9.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  10% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  10.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  11% {
    clip: none;
    left: 0;
  }
 29% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  29.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  31% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  31.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  32% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  32.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  33% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  33.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  34% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 5%;
  }
  34.5% {
   clip: none;
   left: 0;
 }
  45.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 12%;
  }
  46% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
   opacity: 0.8;
  }
  46.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  47% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  47.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  48% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  48.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  49% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  50% {
    clip: none;
    left: 0;
  }
  50.5% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
  }
  51% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  51.5% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 11%;
  }
  52% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  53.5% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  54% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  54.5% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  55% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  55.5% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 15%;
  }
  56% {
   clip: none;
   left: 0;
 }
}
@-moz-keyframes text-glitch-2 {
  1% {
    clip: rect(204px, 9999px, 254px, 0);
    left: -2%;
  }
  1.5% {
    clip: rect(197px, 9999px, 236px, 0);
    left: -4%;
  }
  2% {
    clip: rect(452px, 9999px, 474px, 0);
    left: 0%;
  }
  2.5% {
    clip: rect(51px, 9999px, 57px, 0);
    left: -2%;
  }
  3% {
    clip: rect(108px, 9999px, 119px, 0);
    left: 2%;
  }
  3.5% {
    clip: rect(458px, 9999px, 480px, 0);
    left: -3%;
  }
  4% {
    clip: rect(188px, 9999px, 194px, 0);
    left: -3%;
  }
  4.5% {
    clip: rect(236px, 9999px, 241px, 0);
    left: -3%;
  }
  5% {
    clip: rect(190px, 9999px, 199px, 0);
    left: -1%;
  }
  5.5% {
    clip: rect(342px, 9999px, 384px, 0);
    left: 5%;
  }
  6% {
    clip: rect(436px, 9999px, 459px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 2%;
  }
  7% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  7.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  8% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  9% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  9.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  10% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  10.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  11% {
    clip: none;
    left: 0;
  }
 29% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  29.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  31% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  31.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  32% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  32.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  33% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  33.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  34% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 5%;
  }
  34.5% {
   clip: none;
   left: 0;
 }
  45.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 12%;
  }
  46% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
   opacity: 0.8;
  }
  46.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  47% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  47.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  48% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  48.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  49% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  50% {
    clip: none;
    left: 0;
  }
  50.5% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
  }
  51% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  51.5% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 11%;
  }
  52% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  53.5% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  54% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  54.5% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  55% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  55.5% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 15%;
  }
  56% {
   clip: none;
   left: 0;
 }
}
@-o-keyframes text-glitch-2 {
  1% {
    clip: rect(204px, 9999px, 254px, 0);
    left: -2%;
  }
  1.5% {
    clip: rect(197px, 9999px, 236px, 0);
    left: -4%;
  }
  2% {
    clip: rect(452px, 9999px, 474px, 0);
    left: 0%;
  }
  2.5% {
    clip: rect(51px, 9999px, 57px, 0);
    left: -2%;
  }
  3% {
    clip: rect(108px, 9999px, 119px, 0);
    left: 2%;
  }
  3.5% {
    clip: rect(458px, 9999px, 480px, 0);
    left: -3%;
  }
  4% {
    clip: rect(188px, 9999px, 194px, 0);
    left: -3%;
  }
  4.5% {
    clip: rect(236px, 9999px, 241px, 0);
    left: -3%;
  }
  5% {
    clip: rect(190px, 9999px, 199px, 0);
    left: -1%;
  }
  5.5% {
    clip: rect(342px, 9999px, 384px, 0);
    left: 5%;
  }
  6% {
    clip: rect(436px, 9999px, 459px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 2%;
  }
  7% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  7.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  8% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  9% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  9.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  10% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  10.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  11% {
    clip: none;
    left: 0;
  }
 29% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  29.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  31% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  31.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  32% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  32.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  33% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  33.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  34% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 5%;
  }
  34.5% {
   clip: none;
   left: 0;
 }
  45.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 12%;
  }
  46% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
   opacity: 0.8;
  }
  46.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  47% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  47.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  48% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  48.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  49% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  50% {
    clip: none;
    left: 0;
  }
  50.5% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
  }
  51% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  51.5% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 11%;
  }
  52% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  53.5% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  54% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  54.5% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  55% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  55.5% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 15%;
  }
  56% {
   clip: none;
   left: 0;
 }
}
@keyframes text-glitch-2 {
  1% {
    clip: rect(204px, 9999px, 254px, 0);
    left: -2%;
  }
  1.5% {
    clip: rect(197px, 9999px, 236px, 0);
    left: -4%;
  }
  2% {
    clip: rect(852px, 9999px, 674px, 0);
    left: 0%;
  }
  2.5% {
    clip: rect(251px, 9999px, 57px, 0);
    left: -2%;
  }
  3% {
    clip: rect(808px, 9999px, 919px, 0);
    left: 2%;
  }
  3.5% {
    clip: rect(958px, 9999px, 880px, 0);
    left: -3%;
  }
  4% {
    clip: rect(988px, 9999px, 794px, 0);
    left: -3%;
  }
  4.5% {
    clip: rect(536px, 9999px, 641px, 0);
    left: -3%;
  }
  5% {
    clip: rect(490px, 9999px, 699px, 0);
    left: -1%;
  }
  5.5% {
    clip: rect(642px, 9999px, 784px, 0);
    left: 5%;
  }
  6% {
    clip: rect(436px, 9999px, 459px, 0);
    left: -1%;
  }
  6.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 2%;
  }
  7% {
    clip: rect(378px, 9999px, 1096px, 0);
    left: -4%;
  }
  7.5% {
    clip: rect(681px, 9999px, 391px, 0);
    left: 4%;
  }
  8% {
    clip: rect(29px, 9999px, 136px, 0);
    left: 1%;
  }
  8.5% {
    clip: rect(738px, 9999px, 966px, 0);
    left: 5%;
  }
  9% {
    clip: rect(535px, 9999px, 260px, 0);
    left: -1%;
  }
  9.5% {
    clip: rect(1282px, 9999px, 597px, 0);
    left: -2%;
  }
  10% {
    clip: rect(256px, 9999px, 901px, 0);
    left: 5%;
  }
  10.5% {
    clip: rect(436px, 9999px, 667px, 0);
    left: 4%;
  }
  11% {
    clip: none;
    left: 0;
  }
 29% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -4%;
  }
  29.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 4%;
  }
  31% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  31.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 5%;
  }
  32% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -1%;
  }
  32.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -2%;
  }
  33% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 5%;
  }
  33.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 4%;
  }
  34% {
    clip: rect(430px, 9999px, 442px, 0);
    left: 5%;
  }
  34.5% {
   clip: none;
   left: 0;
 }
  45.5% {
    clip: rect(202px, 9999px, 240px, 0);
    left: 12%;
  }
  46% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
   opacity: 0.8;
  }
  46.5% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  47% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 1%;
  }
  47.5% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  48% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  48.5% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  49% {
    clip: rect(56px, 9999px, 101px, 0);
    left: 15%;
  }
  49.5% {
    clip: rect(136px, 9999px, 167px, 0);
    left: 14%;
  }
  50% {
    clip: none;
    left: 0;
  }
  50.5% {
    clip: rect(278px, 9999px, 296px, 0);
    left: -14%;
  }
  51% {
    clip: rect(181px, 9999px, 191px, 0);
    left: 14%;
  }
  51.5% {
    clip: rect(29px, 9999px, 36px, 0);
    left: 11%;
  }
  52% {
    clip: rect(338px, 9999px, 366px, 0);
    left: 15%;
  }
  53.5% {
    clip: rect(335px, 9999px, 360px, 0);
    left: -11%;
  }
  54% {
    clip: rect(282px, 9999px, 297px, 0);
    left: -12%;
  }
  54.5% {
    clip: rect(156px, 9999px, 701px, 0);
    left: 15%;
  }
  55% {
    clip: rect(936px, 9999px, 767px, 0);
    left: 14%;
  }
  55.5% {
    clip: rect(630px, 9999px, 242px, 0);
    left: 15%;
  }
  56% {
   clip: none;
   left: 0;
 }
}

/*text */

.text-inner, .text-inner-2 {
  width: 100%;
  height: 100%;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
}

.text {
  position: absolute;
  overflow: hidden;
  z-index: -10;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
  -webkit-animation: text-hide 10s infinite step-end;
          animation: text-hide 10s infinite step-end;

}

.text-inner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: rect(60px, 9999px, 60px, 0);
  -webkit-animation: text-glitch 10s infinite step-end;
          animation: text-glitch 10s infinite step-end;

}

.text-inner-2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: rect(60px, 9999px, 60px, 0);
  -webkit-animation: text-glitch-2 10s infinite step-end;
          animation: text-glitch-2 10s infinite step-end;

}

/*main image */

.glitch-inner, .glitch-inner-2 {
  width: 100%;
  height: 100%;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
}

.glitch {
  position: absolute;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility:hidden;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
  -webkit-animation: main-glitch-show 10s infinite step-end;
          animation: main-glitch-show 10s infinite step-end;
}

.glitch-inner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: auto;
  -webkit-animation: main-glitch 10s infinite step-end;
          animation: main-glitch 10s infinite step-end;

}

.glitch-inner-2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: auto;
  -webkit-animation: main-glitch-2 10s infinite step-end;
          animation: main-glitch-2 10s infinite step-end;

}

.center {
 margin: 0 auto;
}


/* CTA */

.CTA-inner, .CTA-inner-2 {
  width: 100%;
  height: 100%;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
}

.CTA {
  position: absolute;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility:hidden;
  /*background-image: url(viral2.jpg);*/
  background-size: cover;
  -webkit-animation: CTA-show 10s infinite step-end;
          animation: CTA-show 10s infinite step-end;
}


.CTA-inner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: auto;
  -webkit-animation: CTA-glitch 10s infinite step-end;
          animation: CTA-glitch 10s infinite step-end;

}

.CTA-inner-2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  clip: auto;
  -webkit-animation: CTA-glitch-2 10s infinite step-end;
          animation: CTA-glitch-2 10s infinite step-end;

}