@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';
body {
  background-color: #333;
  color: #fff;
  font-family: 'Roboto';
}
.content {
  position:absolute;
  top: 50%;
  left: 50%;
  width:38em;
  height:18em;
  margin-top: -12em; /*set to a negative number 1/2 of your height*/
  margin-left: -19em; /*set to a negative number 1/2 of your width*/

}
a:link {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 700;
}

a:visited {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 700;
}

a:hover {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 700;
}

a:active {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 700;
}
.gcontainer {
  background: transparent;
  font-size: 10px;
  display: grid;
  place-items: center;
  background:transparent url('../img/transparent.png') repeat center top;
}
.gcontainer .glitch {
  color: #fff;
  font-size: 10em;
  position: relative;
  font-family: 'Roboto';
  font-weight: 700;
  background:transparent url('../img/transparent.png') repeat center top;
}
.gcontainer .glitch::before,
.gcontainer .glitch::after {
  content: 'ANOMALY';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: #333;
  color: #fff;
}
.gcontainer .glitch::before {
  left: 8px;
  text-shadow: 2px 0 #00ffea;
  animation: glitch 3s infinite linear;
}
.gcontainer .glitch::after {
  left: 8px;
  text-shadow: -2px 0 #fe3a7f;
  animation: glitch 2s infinite linear;
}
@-moz-keyframes glitch {
  0% {
    clip: rect(85px, 9999px, 80px, 0);
  }
  5% {
    clip: rect(96px, 9999px, 24px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 15px, 0);
  }
  15% {
    clip: rect(45px, 9999px, 37px, 0);
  }
  20% {
    clip: rect(49px, 9999px, 90px, 0);
  }
  25% {
    clip: rect(82px, 9999px, 66px, 0);
  }
  30% {
    clip: rect(19px, 9999px, 85px, 0);
  }
  35% {
    clip: rect(21px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(24px, 9999px, 29px, 0);
  }
  45% {
    clip: rect(97px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(55px, 9999px, 77px, 0);
  }
  60% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 93px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 87px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
  }
  80% {
    clip: rect(35px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(72px, 9999px, 51px, 0);
  }
  90% {
    clip: rect(42px, 9999px, 64px, 0);
  }
  95% {
    clip: rect(19px, 9999px, 24px, 0);
  }
  100% {
    clip: rect(50px, 9999px, 78px, 0);
  }
}
@-webkit-keyframes glitch {
  background:transparent url('../img/transparent.png') repeat center top;
  0% {
    clip: rect(85px, 9999px, 80px, 0);
  }
  5% {
    clip: rect(96px, 9999px, 24px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 15px, 0);
  }
  15% {
    clip: rect(45px, 9999px, 37px, 0);
  }
  20% {
    clip: rect(49px, 9999px, 90px, 0);
  }
  25% {
    clip: rect(82px, 9999px, 66px, 0);
  }
  30% {
    clip: rect(19px, 9999px, 85px, 0);
  }
  35% {
    clip: rect(21px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(24px, 9999px, 29px, 0);
  }
  45% {
    clip: rect(97px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(55px, 9999px, 77px, 0);
  }
  60% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 93px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 87px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
  }
  80% {
    clip: rect(35px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(72px, 9999px, 51px, 0);
  }
  90% {
    clip: rect(42px, 9999px, 64px, 0);
  }
  95% {
    clip: rect(19px, 9999px, 24px, 0);
  }
  100% {
    clip: rect(50px, 9999px, 78px, 0);
  }
}
@-o-keyframes glitch {
  0% {
    clip: rect(85px, 9999px, 80px, 0);
  }
  5% {
    clip: rect(96px, 9999px, 24px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 15px, 0);
  }
  15% {
    clip: rect(45px, 9999px, 37px, 0);
  }
  20% {
    clip: rect(49px, 9999px, 90px, 0);
  }
  25% {
    clip: rect(82px, 9999px, 66px, 0);
  }
  30% {
    clip: rect(19px, 9999px, 85px, 0);
  }
  35% {
    clip: rect(21px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(24px, 9999px, 29px, 0);
  }
  45% {
    clip: rect(97px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(55px, 9999px, 77px, 0);
  }
  60% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 93px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 87px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
  }
  80% {
    clip: rect(35px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(72px, 9999px, 51px, 0);
  }
  90% {
    clip: rect(42px, 9999px, 64px, 0);
  }
  95% {
    clip: rect(19px, 9999px, 24px, 0);
  }
  100% {
    clip: rect(50px, 9999px, 78px, 0);
  }
}
@keyframes glitch {
  0% {
    clip: rect(85px, 9999px, 80px, 0);
  }
  5% {
    clip: rect(96px, 9999px, 24px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 15px, 0);
  }
  15% {
    clip: rect(45px, 9999px, 37px, 0);
  }
  20% {
    clip: rect(49px, 9999px, 90px, 0);
  }
  25% {
    clip: rect(82px, 9999px, 66px, 0);
  }
  30% {
    clip: rect(19px, 9999px, 85px, 0);
  }
  35% {
    clip: rect(21px, 9999px, 83px, 0);
  }
  40% {
    clip: rect(24px, 9999px, 29px, 0);
  }
  45% {
    clip: rect(97px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(55px, 9999px, 77px, 0);
  }
  60% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 93px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 87px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
  }
  80% {
    clip: rect(35px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(72px, 9999px, 51px, 0);
  }
  90% {
    clip: rect(42px, 9999px, 64px, 0);
  }
  95% {
    clip: rect(19px, 9999px, 24px, 0);
  }
  100% {
    clip: rect(50px, 9999px, 78px, 0);
  }
}