@font-face { font-family: Nord; src: url('assets/fonts/Nord-Bold.woff'); } 
@font-face { font-family: Nord; font-weight: bold; src: url('assets/fonts/Nord-Bold.woff');}
@import url("https://fonts.googleapis.com/css?family=Montserrat:100");
html,
body,
h1 {
  padding: 0;
  margin: 0;
  font-family: "Nord","Montserrat", sans-serif;
}

a{
  text-decoration: none;
  color: rgba(255, 255, 255, 0)!important;
}

img {
  max-width: 100%;
  max-height: 100%;
}



h2 {
  padding: 0;
  margin: 0;
  font-family: "Nord","Montserrat", sans-serif;
}

.bigee{
  background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url("b2.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 1;
}

.vimeo{
  margin-top: 15px;
  max-width: 355px!important;
}

.col-centered{
  float: none;
  margin: 0 auto;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.text-black{
  color:rgb(39, 16, 104)
}

.text-white{
  color:#fff;
}

#app {
  height: 100vh;

  margin: 0;
  padding: 0;
 /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url("b2.jpg");
  background-size: cover;
  background-position: center;
  z-index: 1;
  */
  animation: glitch-color-shift;
}

#appTwo {
  height: 100vh;

  margin: 0;
  padding: 0;
 /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url("b2.jpg");
  background-size: cover;
  background-position: center;
  z-index: 1;
  */
  animation: glitch-color-shift;
}

#wrapper {
  text-align: center;
}



.fugTop{
  margin-top: 95px;
}

.fugCenter{
  padding-top: 175px;
  margin-top: 145px;
}

.horizontal-center {
  position: absolute;
  top: 55%; left: 50%;
  transform: translate(-50%,-50%);
  height: 50%;

}

.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.followIcon{
width: 90px;

}
.followIconBtm{
  width: 80px;
}
.nopadding {

  padding: 0 !important;

  margin: 0 !important;

}
.modalPosition{
  margin-left: 10%;
}

.video-container {
  overflow: hidden;
  position: relative;
  width:80%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.zeroLR{
padding-left: 0px!important;
padding-right: 0px!important;
margin-right: 0px!important;
margin-left: 0ex!important ;
}

.followTop{
  padding-top: 10px;
}

.FugitiveLogo{

margin-bottom: 10px!important;
padding-bottom: 0px!important;
background-image:url("fugitive.png");
height: 100px;
background-size: 670px 66px;
background-repeat: no-repeat;
}

.sub {
  color: #64dcdc;
  letter-spacing: 1em;
}
.resize{
  width: 50%;
  height: 50%;
}

.creator{
color:#FFF;
font-family: "Nord"!important;
font-size: 35px;
}

.follow{
color:#FFF;
font-family: "Nord"!important;
margin-top: 50px;
}

.smallSpan{
  font-size: 14px;
}

.thumbContain{
  max-width:100%;
max-height:100%;
}
.iconsWhite{
  color:#fff!important;
  text-color:#fff!important;

}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.boxE{
  padding-left: 1px!important;
  padding-right: 1px!important;

}
.iconSize{
  padding-top: 15px;
  margin-top: 25px;
  font-size: 55px;

  text-align: center;
}

.logos{
  margin-top: 230px;
  padding-top: 230px;
}
.bigPapa{
  background-color: #1b1b1998;
  padding-top: 30px;
  padding-bottom: 30px;
}
.thumbContain{

  overflow: hidden;
  position: relative;

}

.iconify{
  color: #fff;
  animation: rgbglitch 2s steps(100) infinite;
  font-size: 250px;
}

.mTop{
margin-top: 100px!important;
margin-bottom: 50px!important;
}


.containTwo{
  width: 100%;
  height: 100%;

  background-position: center;
  background-size: cover;
  transition: transform ease 0.3s;
}

.containTwo:hover{
  transform:scale(1.3);
}

.modal-header{
  padding-top: 0px;
  padding-bottom: 0px;
}

.arrowSize{
  color: rgb(210, 213, 230);
  font-size: 27px;
  margin-bottom: -20px!important;
  padding-bottom: -20px;

}

.modal-content{
  background-color: rgba(40, 11, 75, 0.459)!important;
}

.close{
  box-shadow: inset 0 0 0 0px rgba(32, 32, 32, 0)!important;
  color: #FFF!important;

  margin-top: 15px;
}

#support:hover{
  content: url('supportHover.png');
}


#merch:hover{
  content: url('merchHover.png');
}


@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
  
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  .allSize{
    height: 115px;
  }

}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #app {
      height: 380vh;
    }
}

@media screen and (max-width: 736px) {

  .FugitiveLogo{
    margin-right: 10px;
    margin-top: 130px;
    
    margin-bottom: 10px!important;
    padding-bottom: 0px!important;
    background-image:url("fugitive.png");
    height: 100px;
    background-size: 380px 30px;
    background-repeat: no-repeat;
    }
    .mTop{
      padding-top: 0px!important;
      margin-top: 0px!important;
    }


}

/* 
Pixel 2XL
*/
@media only screen and (min-width: 823px) and (orientation: landscape) { 
  #appTwo {
    height: auto;
  }
 }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .Aglitch{

      font-size: 10px;
    }

    .textSup{
            font-size: 10px;
    }

    .mTop{
      padding-top: 0px!important;
      margin-top: 0px!important;
    }


    #appTwo {
      height: 120vh;
    }

    .followTop{
      padding-top: 2px;
    }
    .follow{
      font-size: 15px;
    }
    .smallSpan{
      font-size: 10px;
    }
    .Billain{

      width: 100%;
      display: block;
      font-size: 18px;
    }
    
}



@media only screen and (min-width: 360px) and (max-width: 767px) {
  #appTwo {
    height: auto;
  }

}



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #appTwo {
      height: auto;
    }

}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


  #myModal1{
    padding-left: 65px!important;
  }

  #myModal2{
    padding-left: 65px!important;
  }

    #app{
      height: 130vh;
    }

    #appTwo {
      height: auto;
    }

    .fugTop{
      margin-top: 25px!important;
    }
}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

    

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #appTwo {
      height: auto;
    }
}

/* Google Pixel 2*/
@media only screen and (min-width: 732px) and (orientation: landscape) { 

  #app{
    height: 130vh;
  }

  #myModal1{
    padding-left: 85px!important;
  }

  #myModal2{
    padding-left: 85px!important;
  }

  
 }


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

    #app{
      height: 130vh;
    }

    #appTwo {
      height: auto;
    }

    #myModal1{
      padding-left: 85px!important;
    }
  
    #myModal2{
      padding-left: 85px!important;
    }

    .fugTop{
      margin-top: 25px!important;
    }

}

/* 
iPad landscape
*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #appTwo {
      height: auto;
    }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #appTwo {
      height: auto;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #appTwo {
      height: auto;
    }

}


/* MIGHT USELATER



@keyframes glitch-color-shift {
  0% {
    filter: drop-shadow(16px 16px 20px blue) invert(0%);
    transform: translateX(0) translateY(0);
  }
  5% {
    transform: translateX(5px) translateY(0px);
  }
  10% {
    transform: translateX(-5px) translateY(0px);
  }
  15% {
    transform: translateX(15px) translateY(0px);
  }
  20% {
    transform: translateX(-5px) translateY(0px);
  }
  25% {
    transform: translateX(-30px) translateY(0px);
  }
  30% {
    transform: translateX(-75px) translateY(0px);
  }
  35% {
    transform: translateX(0) translateY(-30px);
  }
  40% {
    transform: translateX(-45px) translateY(-30px);
    filter: drop-shadow(16px 16px 20px red) invert(75%);
  }
  45% {
    transform: translateX(-15px) translateY(0px);
  }
  55% {
    transform: translateX(5px) translateY(0px);
    filter: drop-shadow(16px 16px 20px blue) invert(0%);
  }
  60% {
    transform: translateX(30px) translateY(0px);
  }
  65% {
    transform: translateX(60px) translateY(0px);
  }
  70% {
    transform: translateX(0) translateY(30px);
  }
  75% {
    transform: translateX(45px) translateY(20px);
    filter: drop-shadow(16px 16px 20px red) invert(75%);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes glitch-clip {
  0% {
    clip-path: polygon(0 2%, 100% 2%, 100% 12%, 0 12%);
  }
  10% {
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  20% {
    clip-path: polygon(0 10%, 100% 10%, 100% 40%, 0 40%);
  }
  30% {
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  40% {
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  50% {
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  60% {
    clip-path: polygon(0 50%, 100% 50%, 100% 10%, 0 10%);
  }
  70% {
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  80% {
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  90% {
    clip-path: polygon(0 50%, 100% 50%, 100% 60%, 0 60%);
  }
  100% {
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
}


/* Creates an animation with 20 steaps. For each step, it calculates 
a percentage for the specific step. It then generates a random clip
box to be used for the random glitch effect. Also adds a very subtle
skew to change the 'thickness' of the glitch.*/



@keyframes glitch-anim {
  0% {
    clip: rect(43px, 9999px, 14px, 0);
    transform: skew(0.73deg);
  }
  5% {
    clip: rect(61px, 9999px, 80px, 0);
    transform: skew(0.39deg);
  }
  10% {
    clip: rect(49px, 9999px, 86px, 0);
    transform: skew(0.06deg);
  }
  15% {
    clip: rect(22px, 9999px, 19px, 0);
    transform: skew(0.93deg);
  }
  20% {
    clip: rect(26px, 9999px, 78px, 0);
    transform: skew(0.98deg);
  }
  25% {
    clip: rect(6px, 9999px, 18px, 0);
    transform: skew(0.53deg);
  }
  30% {
    clip: rect(87px, 9999px, 99px, 0);
    transform: skew(0.67deg);
  }
  35% {
    clip: rect(36px, 9999px, 87px, 0);
    transform: skew(0.04deg);
  }
  40% {
    clip: rect(16px, 9999px, 54px, 0);
    transform: skew(0.57deg);
  }
  45% {
    clip: rect(78px, 9999px, 70px, 0);
    transform: skew(0.79deg);
  }
  50% {
    clip: rect(100px, 9999px, 35px, 0);
    transform: skew(0.95deg);
  }
  55% {
    clip: rect(58px, 9999px, 5px, 0);
    transform: skew(0.33deg);
  }
  60% {
    clip: rect(25px, 9999px, 52px, 0);
    transform: skew(0.38deg);
  }
  65% {
    clip: rect(63px, 9999px, 74px, 0);
    transform: skew(0.1deg);
  }
  70% {
    clip: rect(94px, 9999px, 90px, 0);
    transform: skew(0.51deg);
  }
  75% {
    clip: rect(68px, 9999px, 25px, 0);
    transform: skew(0.74deg);
  }
  80% {
    clip: rect(92px, 9999px, 14px, 0);
    transform: skew(0.74deg);
  }
  85% {
    clip: rect(56px, 9999px, 88px, 0);
    transform: skew(0.06deg);
  }
  90% {
    clip: rect(75px, 9999px, 76px, 0);
    transform: skew(0.74deg);
  }
  95% {
    clip: rect(7px, 9999px, 9px, 0);
    transform: skew(0.45deg);
  }
  100% {
    clip: rect(87px, 9999px, 75px, 0);
    transform: skew(0.14deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(65px, 9999px, 39px, 0);
    transform: skew(0.34deg);
  }
  5% {
    clip: rect(71px, 9999px, 26px, 0);
    transform: skew(0.91deg);
  }
  10% {
    clip: rect(34px, 9999px, 51px, 0);
    transform: skew(0.06deg);
  }
  15% {
    clip: rect(49px, 9999px, 59px, 0);
    transform: skew(0.87deg);
  }
  20% {
    clip: rect(18px, 9999px, 28px, 0);
    transform: skew(0.92deg);
  }
  25% {
    clip: rect(23px, 9999px, 83px, 0);
    transform: skew(0.9deg);
  }
  30% {
    clip: rect(86px, 9999px, 15px, 0);
    transform: skew(0.35deg);
  }
  35% {
    clip: rect(94px, 9999px, 71px, 0);
    transform: skew(0.51deg);
  }
  40% {
    clip: rect(65px, 9999px, 3px, 0);
    transform: skew(0.92deg);
  }
  45% {
    clip: rect(17px, 9999px, 67px, 0);
    transform: skew(0.08deg);
  }
  50% {
    clip: rect(95px, 9999px, 56px, 0);
    transform: skew(0.54deg);
  }
  55% {
    clip: rect(4px, 9999px, 53px, 0);
    transform: skew(0.78deg);
  }
  60% {
    clip: rect(2px, 9999px, 20px, 0);
    transform: skew(0.62deg);
  }
  65% {
    clip: rect(14px, 9999px, 90px, 0);
    transform: skew(0.33deg);
  }
  70% {
    clip: rect(47px, 9999px, 72px, 0);
    transform: skew(0.03deg);
  }
  75% {
    clip: rect(22px, 9999px, 47px, 0);
    transform: skew(0.68deg);
  }
  80% {
    clip: rect(89px, 9999px, 3px, 0);
    transform: skew(0.93deg);
  }
  85% {
    clip: rect(83px, 9999px, 20px, 0);
    transform: skew(0.55deg);
  }
  90% {
    clip: rect(66px, 9999px, 59px, 0);
    transform: skew(0.81deg);
  }
  95% {
    clip: rect(54px, 9999px, 92px, 0);
    transform: skew(0.46deg);
  }
  100% {
    clip: rect(31px, 9999px, 74px, 0);
    transform: skew(0.94deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(-1deg);
  }
  10% {
    transform: skew(0deg);
  }
  20% {
    transform: skew(-1deg);
  }
  30% {
    transform: skew(-1deg);
  }
  40% {
    transform: skew(-4deg);
  }
  50% {
    transform: skew(0deg);
  }
  60% {
    transform: skew(1deg);
  }
  70% {
    transform: skew(5deg);
  }
  80% {
    transform: skew(0deg);
  }
  90% {
    transform: skew(4deg);
  }
  100% {
    transform: skew(-4deg);
  }
}




.animation-hover:hover > img,
.animation-hover.hover > img {
  opacity: 0.5;
  animation: glitch1 3.5s infinite;
  cursor: pointer;
}

.animation-hover:hover:before,
.animation-hover.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%);
}

.animation-hover:hover:after,
.animation-hover.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%);
}

.animation-hover:hover figcaption,
.animation-hover.hover figcaption {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}



.Aglitch{

  animation: rgbglitch 2s steps(100) infinite;
}

@keyframes glitch1 {
  0% {
    transform: none;
    opacity: 1;
  }
  7% {
    transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  10% {
    transform: none;
    opacity: 1;
  }
  27% {
    transform: none;
    opacity: 1;
  }
  30% {
    transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  35% {
    transform: none;
    opacity: 1;
  }
  52% {
    transform: none;
    opacity: 1;
  }
  55% {
    transform: skew(-1deg, 0.2deg);
    opacity: 0.75;
  }
  50% {
    transform: none;
    opacity: 1;
  }
  72% {
    transform: none;
    opacity: 1;
  }
  75% {
    transform: skew(0.4deg, 1deg);
    opacity: 0.75;
  }
  80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

.textSup{
  color:rgb(66, 66, 66)!important;
  text-decoration: underline;
  text-decoration-color: rgb(4, 61, 42);
}

@keyframes rgbglitch {
  0% {
    text-shadow: 
    2px 0px 2px rgba(255,0,0,0.5),
    -2px 0px 2px rgba(0,255,255,0.5);
  }
  
  12% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  25% {
    text-shadow: 
    -4px 0px 2px rgba(255,0,0,0.5),
    2px 2px 2px rgba(0,255,255,0.5);
  }
  
  37% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  40% {
    text-shadow: 
    -0px 4px 2px rgba(255,0,0,0.5),
    -4px 0px 2px rgba(0,255,255,0.5);
  }
  
  42% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  43% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 10px 2px rgba(0,255,255,0.5);
  }
  
  44% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  46% {
    text-shadow: 
    -4px 2px 2px rgba(255,0,0,0.5),
    -4px 0px 2px rgba(0,255,255,0.5);
  }
  
  50% {
    text-shadow: 
    -0px 2px 2px rgba(255,0,0,0.5),
    -2px 0px 2px rgba(0,255,255,0.5);
  }
  
  62% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  75% {
    text-shadow: 
    0px -4px 2px rgba(255,0,0,0.5),
    2px 0px 2px rgba(0,255,255,0.5);
  }
  
  86% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  87% {
    text-shadow: 
    2px 0px 2px rgba(255,0,0,0.5),
    7px px 2px rgba(0,255,255,0.5);
  }
  
  89% {
    text-shadow: 
    0px 0px 2px rgba(255,0,0,0.5),
    0px 0px 2px rgba(0,255,255,0.5);
  }
  
  100% {text-shadow: 
    2px 0px 2px rgba(255,0,0,0.5),
    0px -2px 2px rgba(0,255,255,0.5);
  }
}

/**
@keyframes glitch {
  0% {
    text-shadow: 1px 0 0 #000, -1px 0 0 #000;
  }
  1% {
    text-shadow: 1px 0 0 #000, -1px 0 0 #c8ccca;
  }
  2% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  3% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  4% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  5% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  6% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  7% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  8% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  9% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  10% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  11% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  12% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  13% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  14% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  15% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  16% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  17% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  18% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  19% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  20% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  21% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  22% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  23% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  24% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  25% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  26% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  27% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  28% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  29% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  30% {
    text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #c8ccca;
  }
  31% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  32% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  33% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  34% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  35% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  36% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  37% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  38% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  39% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  40% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  41% {
    text-shadow: 50px 0 0 #fff, -50px 0 0 #c8ccca;
  }
  42% {
    text-shadow: 0 0 0 #fff, 0 0 0 #c8ccca;
  }
  43% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  44% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  45% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  46% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  47% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  48% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  49% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  50% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  51% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  52% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  53% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  54% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  55% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  56% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  57% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  58% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  59% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  60% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  61% {
    text-shadow: 30px 0 0 #fff, -30px 0 0 #c8ccca;
  }
  62% {
    text-shadow: 0 0 0 #fff, 0 0 0 #c8ccca;
  }
  63% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  64% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  65% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  66% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  67% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  68% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  69% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  70% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  71% {
    text-shadow: 70px 0 0 #fff, -70px 0 0 #c8ccca;
  }
  72% {
    text-shadow: 0 0 0 #fff, 0 0 0 #c8ccca;
  }
  73% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  74% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  75% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  76% {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #c8ccca;
  }
  77% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  78% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  79% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  80% {
    text-shadow: -1px 0 0 #fff, 1px 0 0 #c8ccca;
  }
  81% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  82% {
    text-shadow: 0.5px 0 0 #fff, -0.5px 0 0 #c8ccca;
  }
  83% {
    text-shadow: 0.5px 0 0 , -0.5px 0 0 #c8ccca;
  }
  84% {
    text-shadow: 0.5px 0 0 , -0.5px 0 0 #c8ccca;
  }
  85% {
    text-shadow: 0.5px 0 0 , -0.5px 0 0 #c8ccca;
  }
  86% {
    text-shadow: -1px 0 0 , 1px 0 0 #c8ccca;
  }
  87% {
    text-shadow: -1px 0 0 , 1px 0 0 #000;
  }
  88% {
    text-shadow: -1px 0 0 , 1px 0 0 #000;
  }
  89% {
    text-shadow: -1px 0 0 , 1px 0 0 #000;
  }
  90% {
    text-shadow: -1px 0 0 , 1px 0 0 #000;
  }
  91% {
    text-shadow: 60px 0 0 #000, -60px 0 0 #000;
  }
  92% {
    text-shadow: 0 0 0 #000, 0 0 0 #000;
  }
  92% {
    text-shadow: 0.7px 0 0 #000, -0.7px 0 0 #000;
  }
  93% {
    text-shadow: 0.7px 0 0 #000, -0.7px 0 0 #000;
  }
  94% {
    text-shadow: 0.7px 0 0 #000, -0.7px 0 0 #000;
  }
  95% {
    text-shadow: 0.7px 0 0 #000, -0.7px 0 0 #000;
  }
  96% {
    text-shadow: -1px 0 0 #000, 1px 0 0 #000;
  }
  97% {
    text-shadow: -1px 0 0 #000, 1px 0 0 #000;
  }
  98% {
    text-shadow: -1px 0 0 #000, 1px 0 0 #000 ;
  }
  99% {
    text-shadow: -1px 0 0 #000, 1px 0 0 #000;
  }
  100% {
    text-shadow: -1px 0 0 #000, 1px 0 0 #c8ccca;
  }
}


/*
GLITCH BACKGROUND
*/