/**********************
 * Animated background
 *********************/
canvas {
  display: block;
  vertical-align: bottom; }

#particles-js {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%; }

@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  src: url("../fonts/orbitron-medium.otf"); }

.glitch-container {
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 8px; }
  .glitch-container .glitch {
    color: #fff;
    font-size: 8em;
    position: relative;
    font-family: 'Orbitron';
    font-weight: 700; }
    .glitch-container .glitch:before, .glitch-container .glitch:after {
      content: 'noraj';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      color: #fff; }
    .glitch-container .glitch:before {
      left: 8px;
      text-shadow: 2px 0 #00ffea;
      -webkit-animation: glitch 3s infinite linear;
              animation: glitch 3s infinite linear; }
    .glitch-container .glitch:after {
      left: 8px;
      text-shadow: -2px 0 #fe3a7f;
      -webkit-animation: glitch 2s infinite linear;
              animation: glitch 2s infinite linear; }

@-webkit-keyframes glitch {
  0% {
    clip: rect(100px, 9999px, 68px, 0); }
  5% {
    clip: rect(27px, 9999px, 19px, 0); }
  10% {
    clip: rect(93px, 9999px, 25px, 0); }
  15% {
    clip: rect(71px, 9999px, 36px, 0); }
  20% {
    clip: rect(34px, 9999px, 83px, 0); }
  25% {
    clip: rect(87px, 9999px, 83px, 0); }
  30% {
    clip: rect(78px, 9999px, 69px, 0); }
  35% {
    clip: rect(22px, 9999px, 50px, 0); }
  40% {
    clip: rect(50px, 9999px, 97px, 0); }
  45% {
    clip: rect(19px, 9999px, 95px, 0); }
  50% {
    clip: rect(79px, 9999px, 75px, 0); }
  55% {
    clip: rect(100px, 9999px, 34px, 0); }
  60% {
    clip: rect(35px, 9999px, 70px, 0); }
  65% {
    clip: rect(75px, 9999px, 63px, 0); }
  70% {
    clip: rect(42px, 9999px, 29px, 0); }
  75% {
    clip: rect(56px, 9999px, 60px, 0); }
  80% {
    clip: rect(56px, 9999px, 58px, 0); }
  85% {
    clip: rect(53px, 9999px, 84px, 0); }
  90% {
    clip: rect(94px, 9999px, 55px, 0); }
  95% {
    clip: rect(84px, 9999px, 88px, 0); }
  100% {
    clip: rect(50px, 9999px, 77px, 0); } }

@keyframes glitch {
  0% {
    clip: rect(100px, 9999px, 68px, 0); }
  5% {
    clip: rect(27px, 9999px, 19px, 0); }
  10% {
    clip: rect(93px, 9999px, 25px, 0); }
  15% {
    clip: rect(71px, 9999px, 36px, 0); }
  20% {
    clip: rect(34px, 9999px, 83px, 0); }
  25% {
    clip: rect(87px, 9999px, 83px, 0); }
  30% {
    clip: rect(78px, 9999px, 69px, 0); }
  35% {
    clip: rect(22px, 9999px, 50px, 0); }
  40% {
    clip: rect(50px, 9999px, 97px, 0); }
  45% {
    clip: rect(19px, 9999px, 95px, 0); }
  50% {
    clip: rect(79px, 9999px, 75px, 0); }
  55% {
    clip: rect(100px, 9999px, 34px, 0); }
  60% {
    clip: rect(35px, 9999px, 70px, 0); }
  65% {
    clip: rect(75px, 9999px, 63px, 0); }
  70% {
    clip: rect(42px, 9999px, 29px, 0); }
  75% {
    clip: rect(56px, 9999px, 60px, 0); }
  80% {
    clip: rect(56px, 9999px, 58px, 0); }
  85% {
    clip: rect(53px, 9999px, 84px, 0); }
  90% {
    clip: rect(94px, 9999px, 55px, 0); }
  95% {
    clip: rect(84px, 9999px, 88px, 0); }
  100% {
    clip: rect(50px, 9999px, 77px, 0); } }