a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

font-face { font-family: Fipps; src: url('../fonts/Fipps-Regular.otf'); } 
    body {
         font-family: Fipps
      }
      
      .glitched {
        font-family: Fipps
      }


.glitched {
        position: relative;
        top:30%;
        margin: 0 auto;
        font-size: 30px;
    }
    .glitched:before, .glitched:after{
      content: 'ngmi.work';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      color: white;
    }
    .glitched:before{
      left: 8px;
      text-shadow: 2px 0 grey;
      animation: effect 3s infinite linear;
    }
    .glitched:after{
      left: 4px;
      text-shadow: -2px 0 grey;
      animation: effect 2s infinite linear;
    }
    @-webkit-keyframes effect{
      0%{
        clip:rect(55px,9999px,56px,0);
      }
      5%{
        clip:rect(47px,9999px,30px,0);
      }
      10%{
        clip:rect(33px,9999px,36px,0);
      }
      15%{
        clip:rect(35px,9999px,9px,0);
      }
      20%{
        clip:rect(63px,9999px,59px,0);
      }
      25%{
        clip:rect(96px,9999px,98px,0);
      }
      30%{
        clip:rect(48px,9999px,77px,0);
      }
      35%{
        clip:rect(50px,9999px,34px,0);
      }
      40%{
        clip:rect(60px,9999px,72px,0);
      }
      45%{
        clip:rect(10px,9999px,81px,0);
      }
      50%{
        clip:rect(2px,9999px,60px,0);
      }
      55%{
        clip:rect(23px,9999px,89px,0);
      }
      60%{
        clip:rect(76px,9999px,91px,0);
      }
      65%{
        clip:rect(62px,9999px,30px,0);
      }
      70%{
        clip:rect(60px,9999px,73px,0);
      }
      75%{
        clip:rect(60px,9999px,87px,0);
      }
      80%{
        clip:rect(2px,9999px,14px,0);
      }
      85%{
        clip:rect(28px,9999px,87px,0);
      }
      90%{
        clip:rect(73px,9999px,50px,0);
      }
      95%{
        clip:rect(79px,9999px,70px,0);
      }
      100%{
        clip:rect(17px,9999px,79px,0);
      }
}





@keyframes flicker {
	0% {
	  opacity: 0.27861;
	}
	5% {
	  opacity: 0.34769;
	}
	10% {
	  opacity: 0.23604;
	}
	15% {
	  opacity: 0.90626;
	}
	20% {
	  opacity: 0.18128;
	}
	25% {
	  opacity: 0.83891;
	}
	30% {
	  opacity: 0.65583;
	}
	35% {
	  opacity: 0.67807;
	}
	40% {
	  opacity: 0.26559;
	}
	45% {
	  opacity: 0.84693;
	}
	50% {
	  opacity: 0.96019;
	}
	55% {
	  opacity: 0.08594;
	}
	60% {
	  opacity: 0.20313;
	}
	65% {
	  opacity: 0.71988;
	}
	70% {
	  opacity: 0.53455;
	}
	75% {
	  opacity: 0.37288;
	}
	80% {
	  opacity: 0.71428;
	}
	85% {
	  opacity: 0.70419;
	}
	90% {
	  opacity: 0.7003;
	}
	95% {
	  opacity: 0.36108;
	}
	100% {
	  opacity: 0.24387;
	}
	
  }
  @keyframes textShadow {
	0% {
	  text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	5% {
	  text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	10% {
	  text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	15% {
	  text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	20% {
	  text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	25% {
	  text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	30% {
	  text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	35% {
	  text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	40% {
	  text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	45% {
	  text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	50% {
	  text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	55% {
	  text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	60% {
	  text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	65% {
	  text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	70% {
	  text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	75% {
	  text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	80% {
	  text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	85% {
	  text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	90% {
	  text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	95% {
	  text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
	100% {
	  text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
	}
  }
  .crt::after {
	content: " ";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(18, 16, 16, 0.1);
	opacity: 0;
	z-index: 20;
	pointer-events: none;
	animation: flicker 0.15s infinite;
  }
  .crt::before {
	content: " ";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
	z-index: 20;
	background-size: 100% 2px, 3px 100%;
	pointer-events: none;
  }
  .crt {
	animation: textShadow 1.6s infinite;
  }