/* .rifehlink{
  overflow:hidden;
  width: 500px;
  length: 500px;
  left: 1000px;
  position: absolute;
  
}
*/
@import url('https://fonts.googleapis.com/css?family=VT323&subset=latin-ext,vietnamese');

.totalrife {
    padding-top: 1vh;
    display: flex;
    /* left: 50vw; */
    position: relative;
    /* top: -1vh; */
    width: 100%;
    opacity: 0.1;
    transition: 0.5s;
    /* size: 1vw; */
    flex-direction: row;
    /* max-height: 2vh; */
    /* max-width: 3vw; */
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	overflow: hidden;
}

#static {
    /* position: absolute; */
    height: 13vh;
    width: 100%;
    /* max-width: 45vw; */
    /* max-height: 20vh; */
    opacity: 0.7;
    animation: grain 0.1s infinite linear alternate-reverse;
    animation: moregrain 0.1s infinite linear alternate-reverse;
    animation: terminal-glitch 10s infinite linear alternate-reverse;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.static_container {
    position: relative;
    display: flex;
    /* text-shadow: white -0.1px 5px; */
    height: 16vh;
    /* padding: 0; */
    /* font-family: 'VT323', monospace; */
    /* color: #00ff00; */
    /* font-size: 5rem; */
    /* font-weight: 300; */
    /* text-transform: uppercase; */
    -webkit-transform: skewX(0deg) scaleY(1);
    /* transform: skewX(0deg) scaleY(1); */
    -webkit-animation: clock-bag 4s linear infinite;
    animation: clock-bag 4s linear infinite;
    animation: c1 0.5s infinite linear alternate-reverse;
    animation: c2 1s infinite linear alternate-reverse;
    animation: is-off 1s infinite linear alternate-reverse;
    animation: tr-bag 1s infinite linear alternate-reverse;
    animation: is-off 1 infinate linear alternate-reverse;
    -webkit-box-shadow: inset 0px 3px 20px 8px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 3px 20px 8px rgba(255,255,255,1);
    -webkit-box-shadow: 2px 20px 100px -48px rgba(232,232,232,1);
    -moz-box-shadow: 2px 20px 100px -48px rgba(232,232,232,1);
    /* box-shadow: 2px 20px 100px -48px rgba(232,232,232,1); */
    width: 46%;
    /* height: 15.3vh; */
    /* height: fit-content; */
    /* left: -13.4vw; */
    overflow: hidden;
    /* top: 5vh; */
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
}
.static
{/* position: relative; */left:950px;opacity: 0.7;z-index: 99;}

.rifehlink {
    /* display: flex; */
    overflow: hidden;
    /* left: 1vh; */
    position: absolute;
    bottom: -15vh;
    width: 37vw;
    height: -1vh;
    z-index: 100;
    /* flex-direction: column; */
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.rifecontainer{

}
.rifebg{

  z-index: 999;
  background: #808080;

}
.totalrife:after{
 transition: 0.3s;
 opacity:0.1;
}

.totalrife:hover {


  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
 transition: 0.5s;
opacity:1;

}
.rifeheading {
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: white -0.1px 5px;
    height: 45vh;
    /* padding: 5rem; */
    font-family: 'VT323', monospace;
    color: #00ff00;
    font-size: 4vh;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-transform: skewX(0deg) scaleY(1);
    transform: skewX(0deg) scaleY(1);
    -webkit-animation: clock-bag 4s linear infinite;
    animation: clock-bag 4s linear infinite;
    animation: c1 0.5s infinite linear alternate-reverse;
    animation: c2 1s infinite linear alternate-reverse;
    animation: is-off 1s infinite linear alternate-reverse;
    animation: tr-bag 1s infinite linear alternate-reverse;
	overflow:hidden;
}



@-webkit-keyframes is-off {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  56% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  58% {
    opacity: 1;
  }
  71% {
    -webkit-transform: scaleY(5) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  72% {
    -webkit-transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
  }
  73% {
    -webkit-transform: scaleY(2) skewX(0deg);
    transform: scaleY(9) skewX(0deg);
  }
  80% {
    opacity: 1;
  }
  81% {
    opacity: 0;
  }
  84% {
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  91% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff;
  }
  92% {
    -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    color: #008000;
  }
  93% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff;
  }
}

@keyframes is-off {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  56% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  58% {
    opacity: 1;
  }
  71% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  72% {
    -webkit-transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
  }
  73% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  80% {
    opacity: 1;
  }
  81% {
    opacity: 0;
  }
  84% {
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
  91% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff;
  }
  92% {
    -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    color: #008000;
  }
  93% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff;
  }
}

@keyframes moregrain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-20%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-20%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

@-webkit-keyframes c1 {
  0% {
    clip: rect(80px, 9999px, 59px, 0);
  }
  5% {
    clip: rect(15px, 9999px, 49px, 0);
  }
  10% {
    clip: rect(17px, 9999px, 3px, 0);
  }
  15.000000000000002% {
    clip: rect(51px, 9999px, 43px, 0);
  }
  20% {
    clip: rect(35px, 9999px, 72px, 0);
  }
  25% {
    clip: rect(53px, 9999px, 51px, 0);
  }
  30.000000000000004% {
    clip: rect(72px, 9999px, 38px, 0);
  }
  35.00000000000001% {
    clip: rect(10px, 9999px, 78px, 0);
  }
  40% {
    clip: rect(91px, 9999px, 41px, 0);
  }
  45% {
    clip: rect(61px, 9999px, 24px, 0);
  }
  50% {
    clip: rect(21px, 9999px, 68px, 0);
  }
  55% {
    clip: rect(84px, 9999px, 37px, 0);
  }
  60.00000000000001% {
    clip: rect(97px, 9999px, 5px, 0);
  }
  65% {
    clip: rect(54px, 9999px, 18px, 0);
  }
  70.00000000000001% {
    clip: rect(79px, 9999px, 96px, 0);
  }
  75% {
    clip: rect(37px, 9999px, 32px, 0);
  }
  80% {
    clip: rect(66px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(61px, 9999px, 40px, 0);
  }
  90% {
    clip: rect(80px, 9999px, 97px, 0);
  }
  95% {
    clip: rect(94px, 9999px, 14px, 0);
  }
  100% {
    clip: rect(14px, 9999px, 10px, 0);
  }
}

@keyframes c1 {
  0% {
    clip: rect(80px, 9999px, 59px, 0);
  }
  5% {
    clip: rect(15px, 9999px, 49px, 0);
  }
  10% {
    clip: rect(17px, 9999px, 3px, 0);
  }
  15.000000000000002% {
    clip: rect(51px, 9999px, 43px, 0);
  }
  20% {
    clip: rect(35px, 9999px, 72px, 0);
  }
  25% {
    clip: rect(53px, 9999px, 51px, 0);
  }
  30.000000000000004% {
    clip: rect(72px, 9999px, 38px, 0);
  }
  35.00000000000001% {
    clip: rect(10px, 9999px, 78px, 0);
  }
  40% {
    clip: rect(91px, 9999px, 41px, 0);
  }
  45% {
    clip: rect(61px, 9999px, 24px, 0);
  }
  50% {
    clip: rect(21px, 9999px, 68px, 0);
  }
  55% {
    clip: rect(84px, 9999px, 37px, 0);
  }
  60.00000000000001% {
    clip: rect(97px, 9999px, 5px, 0);
  }
  65% {
    clip: rect(54px, 9999px, 18px, 0);
  }
  70.00000000000001% {
    clip: rect(79px, 9999px, 96px, 0);
  }
  75% {
    clip: rect(37px, 9999px, 32px, 0);
  }
  80% {
    clip: rect(66px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(61px, 9999px, 40px, 0);
  }
  90% {
    clip: rect(80px, 9999px, 97px, 0);
  }
  95% {
    clip: rect(94px, 9999px, 14px, 0);
  }
  100% {
    clip: rect(14px, 9999px, 10px, 0);
  }
}

@-webkit-keyframes c2 {
  0% {
    clip: rect(50px, 9999px, 23px, 0);
  }
  5% {
    clip: rect(63px, 9999px, 46px, 0);
  }
  10% {
    clip: rect(60px, 9999px, 94px, 0);
  }
  15.000000000000002% {
    clip: rect(35px, 9999px, 77px, 0);
  }
  20% {
    clip: rect(78px, 9999px, 29px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 38px, 0);
  }
  30.000000000000004% {
    clip: rect(15px, 9999px, 65px, 0);
  }
  35.00000000000001% {
    clip: rect(8px, 9999px, 38px, 0);
  }
  40% {
    clip: rect(45px, 9999px, 1px, 0);
  }
  45% {
    clip: rect(45px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(49px, 9999px, 52px, 0);
  }
  55% {
    clip: rect(22px, 9999px, 21px, 0);
  }
  60.00000000000001% {
    clip: rect(10px, 9999px, 76px, 0);
  }
  65% {
    clip: rect(15px, 9999px, 97px, 0);
  }
  70.00000000000001% {
    clip: rect(11px, 9999px, 24px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 49px, 0);
  }
  80% {
    clip: rect(44px, 9999px, 23px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 99px, 0);
  }
  90% {
    clip: rect(58px, 9999px, 88px, 0);
  }
  95% {
    clip: rect(20px, 9999px, 96px, 0);
  }
  100% {
    clip: rect(6px, 9999px, 42px, 0);
  }
  23% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}

@keyframes c2 {
  0% {
    clip: rect(50px, 9999px, 23px, 0);
  }
  5% {
    clip: rect(63px, 9999px, 46px, 0);
  }
  10% {
    clip: rect(60px, 9999px, 94px, 0);
  }
  15.000000000000002% {
    clip: rect(35px, 9999px, 77px, 0);
  }
  20% {
    clip: rect(78px, 9999px, 29px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 38px, 0);
  }
  30.000000000000004% {
    clip: rect(15px, 9999px, 65px, 0);
  }
  35.00000000000001% {
    clip: rect(8px, 9999px, 38px, 0);
  }
  40% {
    clip: rect(45px, 9999px, 1px, 0);
  }
  45% {
    clip: rect(45px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(49px, 9999px, 52px, 0);
  }
  55% {
    clip: rect(22px, 9999px, 21px, 0);
  }
  60.00000000000001% {
    clip: rect(10px, 9999px, 76px, 0);
  }
  65% {
    clip: rect(15px, 9999px, 97px, 0);
  }
  70.00000000000001% {
    clip: rect(11px, 9999px, 24px, 0);
  }
  75% {
    clip: rect(60px, 9999px, 49px, 0);
  }
  80% {
    clip: rect(44px, 9999px, 23px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 99px, 0);
  }
  90% {
    clip: rect(58px, 9999px, 88px, 0);
  }
  95% {
    clip: rect(20px, 9999px, 96px, 0);
  }
  100% {
    clip: rect(6px, 9999px, 42px, 0);
  }
  23% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}

@-webkit-keyframes tr-bag {
  0% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  2% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  4% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  6% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  8% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  10% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  12% {
    -webkit-transform: translate(2px, 3px);
    transform: translate(2px, 3px);
  }
  14.000000000000002% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  16% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  18% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  20% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  22% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  24% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  26% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  28.000000000000004% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px);
  }
  30% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px);
  }
  32% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  34% {
    -webkit-transform: translate(5px, 4px);
    transform: translate(5px, 4px);
  }
  36% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  38% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  40% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  42% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  44% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  46.00000000000001% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px);
  }
  48% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  50% {
    -webkit-transform: translate(5px, 4px);
    transform: translate(5px, 4px);
  }
  52% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px);
  }
  54% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  56.00000000000001% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  58% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  60% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  62% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  64% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  66% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  68% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  70.00000000000001% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  72% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  74% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  76% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  78% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  82.00000000000001% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  84% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  86% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  88% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  90% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  92.00000000000001% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  94% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  96% {
    -webkit-transform: translate(2px, 5px);
    transform: translate(2px, 5px);
  }
  98% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  100% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
  }
  1% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  1.5% {
    -webkit-transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
  }
  2% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  51% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
  52% {
    -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  }
  53% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
}

@keyframes tr-bag {
  0% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  2% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  4% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  6% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  8% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  10% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  12% {
    -webkit-transform: translate(2px, 3px);
    transform: translate(2px, 3px);
  }
  14.000000000000002% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  16% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  18% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  20% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  22% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  24% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  26% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  28.000000000000004% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px);
  }
  30% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px);
  }
  32% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  34% {
    -webkit-transform: translate(5px, 4px);
    transform: translate(5px, 4px);
  }
  36% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  38% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  40% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  42% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  44% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  46.00000000000001% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px);
  }
  48% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  50% {
    -webkit-transform: translate(5px, 4px);
    transform: translate(5px, 4px);
  }
  52% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px);
  }
  54% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  56.00000000000001% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  58% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  60% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  62% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  64% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  66% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  68% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  70.00000000000001% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  72% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  74% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  76% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  78% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px);
  }
  82.00000000000001% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  84% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  86% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
  }
  88% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  90% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  92.00000000000001% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
  }
  94% {
    -webkit-transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  96% {
    -webkit-transform: translate(2px, 5px);
    transform: translate(2px, 5px);
  }
  98% {
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
  }
  100% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
  }
  1% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  1.5% {
    -webkit-transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
  }
  2% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  51% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
  52% {
    -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  }
  53% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
}

@-webkit-keyframes bg-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -32px;
  }
}

@keyframes bg-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -32px;
  }
}

.terminal-glitch {
  animation: terminal-glitch 15s linear infinite;
}



@keyframes terminal-glitch {
  0% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 1.2);
  }
  100% {
    transform: scale(1.2, 1);
  }
}

@keyframes noise2 {
  0% {
    transform: translateX(0px, 0px);
  }
  10% {
    transform: translate(-100px, 100px);
  }
  20% {
    transform: translate(150px, -100px);
  }
  30% {
    transform: translate(-100px, 100px);
  }
  40% {
    transform: translate(100px, -150px);
  }
  50% {
    transform: translate(-100px, 200px);
  }
  60% {
    transform: translate(-200px, -100px);
  }
  70% {
    transform: translateY(50px, 100px);
  }
  80% {
    transform: translate(100px, -150px);
  }
  90% {
    transform: translate(0px, 200px);
  }
  100% {
    transform: translate(-100px, 100px);
  }
}

@keyframes noise {
  0% {
    transform: translateX(0px, 0px);
  }
  10% {
    transform: translate(-100px, 100px);
  }
  20% {
    transform: translate(150px, -100px);
  }
  30% {
    transform: translate(-100px, 100px);
  }
  40% {
    transform: translate(100px, -150px);
  }
  50% {
    transform: translate(-100px, 200px);
  }
  60% {
    transform: translate(-200px, -100px);
  }
  70% {
    transform: translateY(50px, 100px);
  }
  80% {
    transform: translate(100px, -150px);
  }
  90% {
    transform: translate(0px, 200px);
  }
  100% {
    transform: translate(-100px, 100px);
  }
}

@keyframes noise3 {
  0% {
    transform: translateX(0px, 0px);
  }
  10% {
    transform: translate(-100px, 100px);
  }
  20% {
    transform: translate(150px, -100px);
  }
  30% {
    transform: translate(-100px, 100px);
  }
  40% {
    transform: translate(100px, -150px);
  }
  50% {
    transform: translate(-500px, 200px);
  }
  60% {
    transform: translate(-200px, -100px);
  }
  70% {
    transform: translateY(50px, 100px);
  }
  80% {
    transform: translate(100px, -150px);
  }
  90% {
    transform: translate(0px, 200px);
  }
  100% {
    transform: translate(-100px, 100px);
  }
}