@font-face {
  font-family: KingsCross;
  src: url('/assets/fonts/KingsCross.TTF');
}
@font-face {
  font-family: Humboldt;
  src: url('/assets/fonts/HumboldtFraktur-Regular.ttf');
}
@font-face {
  font-family: Jo;
  src: url('/assets/fonts/Jo_wrote_a_lovesong.TTF');
}
  body {
    background: rgb(0, 0, 0);
    background-image: url(/assets/bg.png) ;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    height:100%;
    position:fixed;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    overflow-x: hidden;
    transition:none;
  }
  
 :focus {
  outline:0;
  filter:opacity(40%) blur(1px);
  transition: 1s;
  }
li {
  list-style-type:none;
  text-align: center;
  align-items: center;
  margin-bottom:1%;
  padding-bottom:10px;
  vertical-align: middle;
}
a {
  text-decoration:none;
  cursor: crosshair;
}
a:link{
  color:#fa1157;
}
a:visited {
  color:#fa1157;
  text-decoration:none;
}
a:active {
  color:white;
}
a {display:inline-block;}
  .enter {
    font-family: Humboldt;
    color: rgba(255, 255, 255, 0.308);
    text-shadow: 0px 0px 6px rgba(245, 245, 245, 0.555);
    font-size:3vh;
    border-radius:50px; 
    filter:opacity(90%);
    z-index: 101;
    filter:blur(0px);
    transition:1s;
  }
  .enter:hover {
    cursor: crosshair;
    filter:blur(3px) opacity(100%);
    transition:2s;
    font-size:250%;
    color: rgba(255, 255, 255, 0.863);
  }
  .enter:focus {
    filter:blur(3px);
  } 
  img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-select: none;
    user-drag: none;
  }
  
  html:before {
    position:fixed;
    width:100%;
    height:100%;
    content:"";
    box-shadow: 0px 0px 1000px rgba(20, 1, 8, 0.888) inset;
    pointer-events:none;
    z-index:99;
    background: radial-gradient(circle, transparent, rgba(10, 3, 5, 0.514));
  }
  .socials {
    z-index: 21;
    align-items: center;
    text-align: center;
    width:100%;
    filter:blur(0px) opacity(90%);
    margin-bottom:-1vh;
}
.socials:hover {
  cursor: crosshair;
}
svg {
  padding-left: 1%;
  padding-right: 1%;
  filter:blur(1px) opacity(70%);
  transition: 1s;
  max-width: 4vh;
}
svg:hover {
  cursor: crosshair;
  color:rgba(255, 255, 255, 0.666);
  filter:blur(6px) opacity(50%);
  transition: 3s;
  max-width: 6vh;
}

.snow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    z-index: 100;
    pointer-events: none;
    -webkit-animation: fadeInOut 9s;
    animation: fadeInOut 9s;
  }
  .levitate {
    -webkit-animation-name: levitate;
    -webkit-animation-duration: 5.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out ease-in-out;
  }
  
  @-webkit-keyframes levitate {
    from {
      -webkit-transform: translate(0, 0px);
    }
    55% {
      -webkit-transform: translate(0, 15px);
    }
    to {
      -webkit-transform: translate(0, -0px);
    }
  }
  @-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .8;
    }
    84% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .8;
    }
    84% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.message {
  -webkit-animation: fadeInOut 9s;
  -webkit-animation-fill-mode: both;
  margin:auto;
  padding-top:2%;
  display:block;
  height:fit-content;
  max-width:900px;
  width:100%;
  z-index:2;
}

#pageexit {
}
#pageexit.out {
  background:#000000;
  z-index: 667;
}

.splash{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background-color:black;
  font-family: Humboldt;
  font-size:222%;
  z-index:666;
  display:block;
  color: rgba(255, 255, 255, 0.909);
  text-shadow: 1px 1px 3px rgba(245, 245, 245, 0.555);
  letter-spacing: 5px;
  text-align: center;
  line-height: 90vh;
  animation: animate 9s linear;
  animation-delay: 1s;
  transition: opacity 2s linear;
}
.splash.display-none{
  transition: 2s;
  opacity:0;
  z-index:0;
  pointer-events: none;
}
.fade-in-text {
  animation: fadeIn linear 7s;
  -webkit-animation: fadeIn linear 7s;
  -moz-animation: fadeIn linear 7s;
  -o-animation: fadeIn linear 7s;
  -ms-animation: fadeIn linear 7s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

    .dreameater {
      color: rgba(255, 255, 255, 0.596);
      font-family: Humboldt;
      font-size: 2vh;
      text-align: center;
      text-shadow: 1px 1px 3px rgba(245, 245, 245, 0.555);
      letter-spacing: 5px;
      z-index: 8;
    }

      .dreameater span {
        animation: animate 11s linear infinite;
      }

      .dreameater span:nth-child(1) {
        animation-delay: 0s;
      }

      .dreameater span:nth-child(2) {
        animation-delay: 0.2s;
      }

      .dreameater span:nth-child(3) {
        animation-delay: 0.4s;
      }

      .dreameater span:nth-child(4) {
        animation-delay: 0.6s;
      }

      .dreameater span:nth-child(5) {
        animation-delay: 0.8s;
      }

      .dreameater span:nth-child(6) {
        animation-delay: 1.0s;
      }

      .dreameater span:nth-child(7) {
        animation-delay: 1.2s;
      }

      .dreameater span:nth-child(8) {
        animation-delay: 1.4s;
      }

      .dreameater span:nth-child(9) {
        animation-delay: 1.6s;
      }

      .dreameater span:nth-child(10) {
        animation-delay: 1.8s;
      }

      .dreameater span:nth-child(11) {
        animation-delay: 2s;
      }

@keyframes animate {
  0% {
      filter: blur(0);
  }

  40% {
      filter: blur(20px);
  }

  80% {
      filter: blur(0);
  }

  100% {
      filter: blur(0);
  }
}


/* ---------- Fog ---------- */
.fog{
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
}
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 666;
  pointer-events: none;
  transition:1s;
}
#foglayer_01, #foglayer_02, #foglayer_03 {
  height: 100%;
  top:0px;
  position: absolute;
  width: 300%;
  z-index: 666;
  pointer-events: none;
}
#foglayer_01 .image01, #foglayer_01 .image02,
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
  z-index: 666;
  pointer-events: none;
}
#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 100s linear infinite, foglayer_moveme 150s linear infinite;
  -moz-animation: foglayer_01_opacity 100s linear infinite, foglayer_moveme 150s linear infinite;
  animation: foglayer_01_opacity 100s linear infinite, foglayer_moveme 150s linear infinite;
}
#foglayer_02, #foglayer_03 {
  -webkit-animation: foglayer_02_opacity 66s linear infinite, foglayer_moveme 56s linear infinite;
  -moz-animation: foglayer_02_opacity 66s linear infinite, foglayer_moveme 56s linear infinite;
  animation: foglayer_02_opacity 66s linear infinite, foglayer_moveme 56s linear infinite;
}

/* ---------- Moving Fog ---------- */
/*
  'size: cover' || 'size: 100%'; results remain the same
  'attachment: scroll' can be added or removed; results remain the same
  'attachment: fixed' causing unexpected results in Chrome
  'repeat-x' || 'no-repeat'; results remain the same
*/ 
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url(/assets/fog1.png) center center/cover no-repeat transparent;
}
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02{
  background: url(/assets/fog2.png) center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-moz-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-o-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-moz-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-o-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-moz-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-o-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@keyframes foglayer_03_opacity {
  0% { opacity: .8; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% { right: 0; }
  100% { right: -100%; }
}
@-moz-keyframes foglayer_moveme {
  0% { right: 0; }
  100% { right: -100%; }
}
@-o-keyframes foglayer_moveme {
  0% { right: 0; }
  100% { right: -150%; }
}
@keyframes foglayer_moveme {
  0% { right: 0; }
  100% { right: -200%; }
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #foglayer_01 .image01, #foglayer_01 .image02,
    #foglayer_02 .image01, #foglayer_02 .image02,
    #foglayer_03 .image01, #foglayer_03 .image02 {
      width: 100%;
    }
  }

  #scroll-container {
    position:absolute;
    top:0;
  }

  #scroll-text {
    /* animation properties */
    font-family: Humboldt;
    font-size: 100%;
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 6px rgba(245, 245, 245, 0.767);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow:hidden;
    white-space: nowrap;
    
    -moz-animation: my-animation 20s linear infinite;
    -webkit-animation: my-animation 20s linear infinite;
    animation: my-animation 20s linear infinite;
  }

  /* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.glitch-inner, .glitch-inner-2 {
  width: 600px;
  height: 1200px;
  background-image: url(/assets/azracomm.png);
  background-size: cover;
}

/* ------ glitch ------- */
.glitch {
  width: 600px;
  height: 1200px;
  z-index: 202;
  visibility:hidden;
  background-image: url(/assets/azracomm.png);
  pointer-events:none;
  background-size: cover;
  -webkit-animation: main-glitch-show 15s infinite step-end;
          animation: main-glitch-show 15s infinite step-end;
}


.glitch-inner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 202;
  opacity: .5;
  pointer-events:none;
  clip: auto;
  -webkit-animation: main-glitch 15s infinite step-end;
          animation: main-glitch 15s infinite step-end;

}

.glitch-inner-2 {
  position: fixed;
  top: 0;
  left: 0;
  opacity: .5;
  z-index: 202;
  pointer-events:none;
  clip: auto;
  -webkit-animation: main-glitch-2 15s infinite step-end;
          animation: main-glitch-2 15s infinite step-end;

}

.center {
 margin: 0 auto;
}


.credits{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgb(0, 0, 0);
  font-family: Humboldt;
  font-size:90%;
  z-index:665;
  display:block;
  color: rgba(255, 255, 255, 0.909);
  text-shadow: 1px 1px 3px rgba(245, 245, 245, 0.555);
  letter-spacing: 5px;
  filter:blurs(0px);
  text-align: center;
  text-align-last: center;
  line-height: 3vh;
  opacity:0%;
  pointer-events: none;
  transition:1s;
}
.credits.show {
  opacity:100%;
  pointer-events:all;
}
.commission {
  background: rgb(0, 0, 0);
  background-image: url(/assets/bg2.png) ;
  background-repeat: no-repeat;
  background-attachment:local;
  background-position: center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom:0;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  overflow:hidden;
  transition:1s;
  font-family: Humbolt;
  color:white;
  opacity:0%;
  z-index:665;
  pointer-events: none;
}
.commission.show {
  opacity:100%;
  pointer-events:all;
}
h1 {
  font-family: Humboldt;
  color:white;
  text-align: center;
  font-weight:lighter;
}
h2 {
  font-family: Humboldt;
  color:white;
  text-align: center;
  font-weight:lighter;
}

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: crosshair;
	outline: inherit;
}

button:hover {
  cursor:crosshair;
}

.crop-circle {
  display:flex;
  width: 40vh;
  height: 40vh; 
  border-radius: 50%;  
  border-color:transparent;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  object-fit: contain;
  box-shadow: inset 0 0 66px rgba(255, 255, 255, 0.666); 
}


.tab {
  font:18px/26px Courier;overflow:auto;
  text-align:center;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: 10px;
  text-shadow: rgb(255, 255, 255) 0px 0px 1px;
  
  
}

/* Style the buttons inside the tab */
.tab button {
  background-color: transparent;
  float: center;
  border: none;
  outline: none;
  cursor: crosshair;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  cursor: crosshair;
  filter:blur(2px);
}

/* Create an active/current tablink class */
.tab button.active {
  color:#fa1157;
}

/* Style the tab content */
.tabcontent {
  display: none;
  height:81vh;
  z-index:200;
  width:80vw;
  min-width:320px;
  max-width:960px;
  font:18px/26px Courier;
  overflow-y:scroll;
  overflow-x:hidden;
  text-align:center;
  background-color: rgba(0, 0, 0, 0.666);
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
  backdrop-filter: 10px;
  text-shadow: rgb(255, 255, 255) 0px 0px 1px;
  }
  
  .auto-resizable-iframe {
    max-width: 920px;
    margin: 0px auto;
  }
  
  .auto-resizable-iframe > div {
    position: relative;
    padding-bottom: 55%;
    height: 0px;
  }
  
  .auto-resizable-iframe iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }

  .boldtext{
    color:#fa1157;
    text-shadow:none;
    font-weight: lighter;
  }


  .purgatory {
    background: rgb(0, 0, 0);
    background-image: url(/assets/altar.png) ;  
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom:0;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    overflow:hidden;
    transition:1s;
    filter:blurs(0px);
    opacity:0%;
    pointer-events:none;
    z-index:665;
  }
  .purgatory.show {
    opacity:100%;
    pointer-events:all;
  }
  .profile {
    height:100vh;
    z-index:200;
    width:80vw;
    min-width:320px;
    max-width:960px;
    font-family:Humboldt;
    font-size:1.5vh;
    overflow-y:scroll;
    overflow-x:hidden;
    text-align:center;
    background-color: rgba(0, 0, 0, 0.666);
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    backdrop-filter: 10px;
    color:rgb(20, 20, 20);
    text-shadow: rgb(255, 255, 255) 0px 0px 1px;
    line-height:3vh;
    }

.profiletext{
  margin-top:5vh;
  line-height:6vh;
}


.exit{
  z-index:667;
}
.exit:hover{
  cursor:crosshair;
}

.noise {
	width:100vw;
	height:100vh;
	background-image:url(/assets/static.avif);
	background-size:200vh;
	background-repeat:no-repeat;
	background-position:50% 50%;
	animation: noise 0.3s steps(1, start) infinite;
	opacity: 0.1;
  pointer-events:none;
	position:fixed;
  margin-top:0px;
  margin-left:0px;
}

@keyframes noise {
	0%{background-position:50% 50%;}
	10%{background-position:62% 38%;}
	20%{background-position:35% 57%;}
	30%{background-position:40% 64%;}
	40%{background-position:68% 35%;}
	50%{background-position:51% 54%;}
	60%{background-position:40% 35%;}
	60%{background-position:36% 63%;}
	80%{background-position:52% 65%;}
	90%{background-position:38% 64%;}
	100%{background-position:51% 60%;}
}



  :root {
    cursor: crosshair;
    --cursorX: 66vw;
    --cursorY: 66vh;
  }
  :root:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    pointer-events: none;
    background: radial-gradient(
      circle 50vmax at var(--cursorX) var(--cursorY),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.5) 50%,
      rgba(0, 0, 0, 0.918) 100%
    )
  }

  .frame{
    border-image-source: url ('https://jenkov.com/images/css/border-image.png');
    border-image-slice: 70;
    border-image-repeat: stretch;
    height : 300px;
    border-width: 70px;
    border-style: solid;
  }
  .commission.show {
    opacity:100%;
    pointer-events:all;
  }
  h1 {
    font-family: Humboldt;
    color:white;
    text-align: center;
    font-weight:lighter;
  }
  h2 {
    font-family: Humboldt;
    color:white;
    text-align: center;
    font-weight:lighter;
  }
  

  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #00000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
  }

  *::-webkit-scrollbar-track {
    background: #00000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #fa115765;
  }



  @-webkit-keyframes main-glitch-show {
   10% {
    visibility: visible;
    background-image: none;
   }
   15% {
    opacity: 0.2;
    background-image: url(/assets/azracomm.png);
   }
   15.5% {
    opacity: 0.5;
   }
   16% {
    opacity: 0.5;
    -webkit-filter: hue-rotate(60deg) invert(1) saturate(2.7);
   }
   16.5% {
    opacity: 0.5;
    filter: none;
   }
   17% {
    opacity: 1;
    
   }
   41.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   42% {
    filter: none;
    opacity: 1;
   }
   42.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   43% {
    background-image:none;
    filter: none;
    opacity: 1;
   }
    45% {
    background-image: url(/assets/azracomm.png);
    filter: invert(1);
    opacity: 0.5;
   }
   46% {
    background-image:none;
   }
   
  }
  @-moz-keyframes main-glitch-show {
   10% {
    visibility: visible;
    background-image: none;
   }
   15% {
    opacity: 0.2;
    background-image: url(/assets/azracomm.png);
   }
   15.5% {
    opacity: 0.5;
   }
   16% {
    opacity: 0.5;
    -webkit-filter: hue-rotate(60deg) invert(1) saturate(2.7);
   }
   16.5% {
    opacity: 0.5;
    filter: none;
   }
   17% {
    opacity: 1;
    
   }
   41.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   42% {
    filter: none;
    opacity: 1;
   }
   42.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   43% {
    background-image:none;
    filter: none;
    opacity: 1;
   }
    45% {
    background-image: url(/assets/azracomm.png);
    filter: invert(1);
    opacity: 0.5;
   }
   46% {
    background-image:none;
   }
   
  }
  @-o-keyframes main-glitch-show {
   10% {
    visibility: visible;
    background-image: none;
   }
   15% {
    opacity: 0.2;
    background-image: url(/assets/azracomm.png);
   }
   15.5% {
    opacity: 0.5;
   }
   16% {
    opacity: 0.5;
    -webkit-filter: hue-rotate(60deg) invert(1) saturate(2.7);
   }
   16.5% {
    opacity: 0.5;
    filter: none;
   }
   17% {
    opacity: 1;
    
   }
   41.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   42% {
    filter: none;
    opacity: 1;
   }
   42.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   43% {
    background-image:none;
    filter: none;
    opacity: 1;
   }
    45% {
    background-image: url(/assets/azracomm.png);
    filter: invert(1);
    opacity: 0.5;
   }
   46% {
    background-image:none;
   }
   
  }
  @keyframes main-glitch-show {
   10% {
    visibility: visible;
    background-image: none;
   }
   15% {
    opacity: 0.2;
    background-image: url(/assets/azracomm.png);
   }
   15.5% {
    opacity: 0.5;
   }
   16% {
    opacity: 0.5;
    -webkit-filter: hue-rotate(60deg) invert(1) saturate(2.7);
   }
   16.5% {
    opacity: 0.5;
    filter: none;
   }
   17% {
    opacity: 1;
    
   }
   41.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   42% {
    filter: none;
    opacity: 1;
   }
   42.5% {
    opacity: 0.5;
    filter: invert(1);
   }
   43% {
    background-image:none;
    filter: none;
    opacity: 1;
   }
    45% {
    background-image: url(/assets/azracomm.png);
    filter: invert(1);
    opacity: 0.5;
   }
   46% {
    background-image:none;
   }
   
  }
  
  @-webkit-keyframes main-glitch {
    10% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    10.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    11% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    11.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    12% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    12.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    13% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    13.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    14% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    14.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    15% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    15.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    16% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    16.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -1%;
    }
    17% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 1%;
    }
    17.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
    }
    18% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -1%;
    }
    18.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -4%;
    }
    19% {
      clip: rect(204px, 9999px, 237px, 0);
      left: -4%;
    }
    19.5% {
      clip: rect(298px, 9999px, 317px, 0);
      left: 5%;
    }
    20% {
      clip: rect(60px, 9999px, 60px, 0);
    }
    20.5% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    21% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    21.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    22% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    22.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    23% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    23.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    24% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    24.5% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    25% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    25.5% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    26% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    26.5% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    27%{
      clip: rect(204px, 9999px, 254px, 0);
      left: -1%;
      visibility: hidden;
    }
   43.5% {
    opacity: 0.5;
    clip: auto;
    visibility: visible;
    left: -10px;
   }
   44% {
   clip: rect(135px,999px,260px,0px);
   left: -15px;
   }
   44.5% {
    clip: rect(135px,999px,260px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: -20px;
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   
   46% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 15%;
    }
   46.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -11%;
    transform: scale(1.1);
    }
    47% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -11%;
     transform: scale(1.2);
    }
    47.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    48% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 15%;
     transform: scale(1.1);
    }
    48.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    49% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 11%;
     transform: scale(1.3);
    }
    49.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
     transform: scale(1.1);
    }
    50% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -11%;
    }
    50.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -14%;
      transform: scale(1.2);
    }
   51% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -14%;
    }
   51.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -14%;
    }
   52% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -12%;
    transform: scale(1.1);
    }
   52.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   53% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -14%;
    transform: scale(1.1);
    }
   53.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 14%;
    transform: scale(1.3);
    }
   54% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   54% {
    background-image:none;
   }
  }
  @-moz-keyframes main-glitch {
    10% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    10.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    11% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    11.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    12% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    12.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    13% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    13.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    14% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    14.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    15% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    15.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    16% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    16.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -1%;
    }
    17% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 1%;
    }
    17.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
    }
    18% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -1%;
    }
    18.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -4%;
    }
    19% {
      clip: rect(204px, 9999px, 237px, 0);
      left: -4%;
    }
    19.5% {
      clip: rect(298px, 9999px, 317px, 0);
      left: 5%;
    }
    20% {
      clip: rect(60px, 9999px, 60px, 0);
    }
    20.5% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    21% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    21.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    22% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    22.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    23% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    23.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    24% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    24.5% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    25% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    25.5% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    26% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    26.5% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    27%{
      clip: rect(204px, 9999px, 254px, 0);
      left: -1%;
      visibility: hidden;
    }
   43.5% {
    opacity: 0.5;
    clip: auto;
    visibility: visible;
    left: -10px;
   }
   44% {
   clip: rect(135px,999px,260px,0px);
   left: -15px;
   }
   44.5% {
    clip: rect(135px,999px,260px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: -20px;
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   
   46% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 15%;
    }
   46.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -11%;
    transform: scale(1.1);
    }
    47% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -11%;
     transform: scale(1.2);
    }
    47.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    48% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 15%;
     transform: scale(1.1);
    }
    48.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    49% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 11%;
     transform: scale(1.3);
    }
    49.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
     transform: scale(1.1);
    }
    50% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -11%;
    }
    50.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -14%;
      transform: scale(1.2);
    }
   51% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -14%;
    }
   51.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -14%;
    }
   52% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -12%;
    transform: scale(1.1);
    }
   52.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   53% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -14%;
    transform: scale(1.1);
    }
   53.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 14%;
    transform: scale(1.3);
    }
   54% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   54% {
    background-image:none;
   }
  }
  @-o-keyframes main-glitch {
    10% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    10.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    11% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    11.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    12% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    12.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    13% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    13.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    14% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    14.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    15% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    15.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    16% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    16.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -1%;
    }
    17% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 1%;
    }
    17.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
    }
    18% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -1%;
    }
    18.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -4%;
    }
    19% {
      clip: rect(204px, 9999px, 237px, 0);
      left: -4%;
    }
    19.5% {
      clip: rect(298px, 9999px, 317px, 0);
      left: 5%;
    }
    20% {
      clip: rect(60px, 9999px, 60px, 0);
    }
    20.5% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    21% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    21.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    22% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    22.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    23% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    23.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    24% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    24.5% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    25% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    25.5% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    26% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    26.5% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    27%{
      clip: rect(204px, 9999px, 254px, 0);
      left: -1%;
      visibility: hidden;
    }
   43.5% {
    opacity: 0.5;
    clip: auto;
    visibility: visible;
    left: -10px;
   }
   44% {
   clip: rect(135px,999px,260px,0px);
   left: -15px;
   }
   44.5% {
    clip: rect(135px,999px,260px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: -20px;
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   
   46% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 15%;
    }
   46.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -11%;
    transform: scale(1.1);
    }
    47% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -11%;
     transform: scale(1.2);
    }
    47.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    48% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 15%;
     transform: scale(1.1);
    }
    48.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    49% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 11%;
     transform: scale(1.3);
    }
    49.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
     transform: scale(1.1);
    }
    50% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -11%;
    }
    50.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -14%;
      transform: scale(1.2);
    }
   51% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -14%;
    }
   51.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -14%;
    }
   52% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -12%;
    transform: scale(1.1);
    }
   52.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   53% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -14%;
    transform: scale(1.1);
    }
   53.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 14%;
    transform: scale(1.3);
    }
   54% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   54% {
    background-image:none;
   }
  }
  @keyframes main-glitch {
    10% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    10.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    11% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    11.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    12% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    12.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    13% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    13.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    14% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    14.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    15% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    15.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    16% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    16.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -1%;
    }
    17% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 1%;
    }
    17.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
    }
    18% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -1%;
    }
    18.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -4%;
    }
    19% {
      clip: rect(204px, 9999px, 237px, 0);
      left: -4%;
    }
    19.5% {
      clip: rect(298px, 9999px, 317px, 0);
      left: 5%;
    }
    20% {
      clip: rect(60px, 9999px, 60px, 0);
    }
    20.5% {
      clip: rect(438px, 9999px, 459px, 0);
      left: -4%;
    }
    21% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -4%;
    }
    21.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -4%;
    }
    22% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -2%;
    }
    22.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -1%;
    }
    23% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -4%;
    }
    23.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 4%;
    }
    24% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 2%;
    }
    24.5% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 5%;
    }
    25% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -1%;
    }
    25.5% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -1%;
    }
    26% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 3%;
    }
    26.5% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 5%;
    }
    27%{
      clip: rect(204px, 9999px, 254px, 0);
      left: -1%;
      visibility: hidden;
    }
   43.5% {
    opacity: 0.5;
    clip: auto;
    visibility: visible;
    left: -10px;
   }
   44% {
   clip: rect(135px,999px,260px,0px);
   left: -15px;
   }
   44.5% {
    clip: rect(135px,999px,260px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: -20px;
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   
   46% {
      clip: rect(308px, 9999px, 311px, 0);
      left: 15%;
    }
   46.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: -11%;
    transform: scale(1.1);
    }
    47% {
      clip: rect(54px, 9999px, 92px, 0);
      left: -11%;
     transform: scale(1.2);
    }
    47.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: 13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    48% {
      clip: rect(354px, 9999px, 394px, 0);
      left: 15%;
     transform: scale(1.1);
    }
    48.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: -11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    49% {
      clip: rect(9px, 9999px, 29px, 0);
      left: 11%;
     transform: scale(1.3);
    }
    49.5% {
      clip: rect(264px, 9999px, 322px, 0);
      left: 0%;
     transform: scale(1.1);
    }
    50% {
      clip: rect(51px, 9999px, 142px, 0);
      left: -11%;
    }
    50.5% {
      clip: rect(105px, 9999px, 151px, 0);
      left: -14%;
      transform: scale(1.2);
    }
   51% {
      clip: rect(279px, 9999px, 294px, 0);
      left: -14%;
    }
   51.5% {
      clip: rect(448px, 9999px, 449px, 0);
      left: -14%;
    }
   52% {
      clip: rect(301px, 9999px, 345px, 0);
      left: -12%;
    transform: scale(1.1);
    }
   52.5% {
      clip: rect(466px, 9999px, 526px, 0);
      left: -11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   53% {
      clip: rect(263px, 9999px, 296px, 0);
      left: -14%;
    transform: scale(1.1);
    }
   53.5% {
      clip: rect(174px, 9999px, 268px, 0);
      left: 14%;
    transform: scale(1.3);
    }
   54% {
      clip: rect(100px, 9999px, 167px, 0);
      left: 12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   54% {
    background-image:none;
   }
  }
  
  
  @-webkit-keyframes main-glitch-2 {
    10% {
      clip: rect(204px, 9999px, 254px, 0);
      left: -2%;
    }
    10.5% {
      clip: rect(197px, 9999px, 236px, 0);
      left: -4%;
    }
    11% {
      clip: rect(452px, 9999px, 474px, 0);
      left: 0%;
    }
    11.5% {
      clip: rect(51px, 9999px, 57px, 0);
      left: -2%;
    }
    12% {
      clip: rect(108px, 9999px, 119px, 0);
      left: 2%;
    }
    12.5% {
      clip: rect(458px, 9999px, 480px, 0);
      left: -3%;
    }
    13.5% {
      clip: rect(188px, 9999px, 194px, 0);
      left: -3%;
    }
    14% {
      clip: rect(236px, 9999px, 241px, 0);
      left: -3%;
    }
    14.5% {
      clip: rect(190px, 9999px, 199px, 0);
      left: -1%;
    }
    15% {
      clip: rect(342px, 9999px, 384px, 0);
      left: 5%;
    }
    15.5% {
      clip: rect(436px, 9999px, 459px, 0);
      left: -1%;
    }
    16% {
      clip: rect(202px, 9999px, 240px, 0);
      left: 2%;
    }
    16.5% {
      clip: rect(278px, 9999px, 296px, 0);
      left: -4%;
    }
    17% {
      clip: rect(181px, 9999px, 191px, 0);
      left: 4%;
    }
    17.5% {
      clip: rect(29px, 9999px, 36px, 0);
      left: 1%;
    }
    18% {
      clip: rect(338px, 9999px, 366px, 0);
      left: 5%;
    }
    18.5% {
      clip: rect(335px, 9999px, 360px, 0);
      left: -1%;
    }
    19% {
      clip: rect(282px, 9999px, 297px, 0);
      left: -2%;
    }
    19.5% {
      clip: rect(56px, 9999px, 101px, 0);
      left: 5%;
    }
    20% {
      clip: rect(136px, 9999px, 167px, 0);
      left: 4%;
    }
    20.5% {
      clip: rect(430px, 9999px, 442px, 0);
      left: 5%;
      visibility: hidden;
    }
  
   43.5% {
     clip: auto;
     visibility: visible;
     left: 10px;
     opacity:0.5;
    }
   44% {
    clip: rect(20px,999px,140px,0px);
    left: 15px;
   }
   44.5% {
    clip: rect(20px,999px,140px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: 20px;
    -webkit-filter: hue-rotate(180deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   46% {
      clip: rect(438px, 9999px, 459px, 0);
      left: 14%;
    transform: scale(1.2);
    -webkit-filter: invert(0);
    }
   46.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: 14%;
    }
   47% {
      clip: rect(448px, 9999px, 449px, 0);
      left: 14%;
    }
   47.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: 12%;
    transform: scale(1.1);
    }
   48% {
      clip: rect(466px, 9999px, 526px, 0);
      left: 11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   48.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: 14%;
    transform: scale(1.1);
    }
   49% {
      clip: rect(174px, 9999px, 268px, 0);
      left: -14%;
    transform: scale(1.3);
    }
   49.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: -12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   50% {
      clip: rect(308px, 9999px, 311px, 0);
      left: -15%;
    }
   50.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: 11%;
    transform: scale(1.1);
    }
    51% {
      clip: rect(54px, 9999px, 92px, 0);
      left: 11%;
     transform: scale(1.2);
    }
    51.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: -13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    52% {
      clip: rect(354px, 9999px, 394px, 0);
      left: -15%;
     transform: scale(1.1);
    }
    52.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: 11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    53% {
      clip: rect(9px, 9999px, 29px, 0);
      left: -11%;
     transform: scale(1.3);
    }
   54% {
    background-image:none;
   }
  }
  @-moz-keyframes main-glitch-2 {
    10% {
      clip: rect(204px, 9999px, 254px, 0);
      left: -2%;
    }
    10.5% {
      clip: rect(197px, 9999px, 236px, 0);
      left: -4%;
    }
    11% {
      clip: rect(452px, 9999px, 474px, 0);
      left: 0%;
    }
    11.5% {
      clip: rect(51px, 9999px, 57px, 0);
      left: -2%;
    }
    12% {
      clip: rect(108px, 9999px, 119px, 0);
      left: 2%;
    }
    12.5% {
      clip: rect(458px, 9999px, 480px, 0);
      left: -3%;
    }
    13.5% {
      clip: rect(188px, 9999px, 194px, 0);
      left: -3%;
    }
    14% {
      clip: rect(236px, 9999px, 241px, 0);
      left: -3%;
    }
    14.5% {
      clip: rect(190px, 9999px, 199px, 0);
      left: -1%;
    }
    15% {
      clip: rect(342px, 9999px, 384px, 0);
      left: 5%;
    }
    15.5% {
      clip: rect(436px, 9999px, 459px, 0);
      left: -1%;
    }
    16% {
      clip: rect(202px, 9999px, 240px, 0);
      left: 2%;
    }
    16.5% {
      clip: rect(278px, 9999px, 296px, 0);
      left: -4%;
    }
    17% {
      clip: rect(181px, 9999px, 191px, 0);
      left: 4%;
    }
    17.5% {
      clip: rect(29px, 9999px, 36px, 0);
      left: 1%;
    }
    18% {
      clip: rect(338px, 9999px, 366px, 0);
      left: 5%;
    }
    18.5% {
      clip: rect(335px, 9999px, 360px, 0);
      left: -1%;
    }
    19% {
      clip: rect(282px, 9999px, 297px, 0);
      left: -2%;
    }
    19.5% {
      clip: rect(56px, 9999px, 101px, 0);
      left: 5%;
    }
    20% {
      clip: rect(136px, 9999px, 167px, 0);
      left: 4%;
    }
    20.5% {
      clip: rect(430px, 9999px, 442px, 0);
      left: 5%;
      visibility: hidden;
    }
  
   43.5% {
     clip: auto;
     visibility: visible;
     left: 10px;
     opacity:0.5;
    }
   44% {
    clip: rect(20px,999px,140px,0px);
    left: 15px;
   }
   44.5% {
    clip: rect(20px,999px,140px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: 20px;
    -webkit-filter: hue-rotate(180deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   46% {
      clip: rect(438px, 9999px, 459px, 0);
      left: 14%;
    transform: scale(1.2);
    -webkit-filter: invert(0);
    }
   46.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: 14%;
    }
   47% {
      clip: rect(448px, 9999px, 449px, 0);
      left: 14%;
    }
   47.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: 12%;
    transform: scale(1.1);
    }
   48% {
      clip: rect(466px, 9999px, 526px, 0);
      left: 11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   48.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: 14%;
    transform: scale(1.1);
    }
   49% {
      clip: rect(174px, 9999px, 268px, 0);
      left: -14%;
    transform: scale(1.3);
    }
   49.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: -12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   50% {
      clip: rect(308px, 9999px, 311px, 0);
      left: -15%;
    }
   50.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: 11%;
    transform: scale(1.1);
    }
    51% {
      clip: rect(54px, 9999px, 92px, 0);
      left: 11%;
     transform: scale(1.2);
    }
    51.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: -13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    52% {
      clip: rect(354px, 9999px, 394px, 0);
      left: -15%;
     transform: scale(1.1);
    }
    52.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: 11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    53% {
      clip: rect(9px, 9999px, 29px, 0);
      left: -11%;
     transform: scale(1.3);
    }
   54% {
    background-image:none;
   }
  }
  @-o-keyframes main-glitch-2 {
    10% {
      clip: rect(204px, 9999px, 254px, 0);
      left: -2%;
    }
    10.5% {
      clip: rect(197px, 9999px, 236px, 0);
      left: -4%;
    }
    11% {
      clip: rect(452px, 9999px, 474px, 0);
      left: 0%;
    }
    11.5% {
      clip: rect(51px, 9999px, 57px, 0);
      left: -2%;
    }
    12% {
      clip: rect(108px, 9999px, 119px, 0);
      left: 2%;
    }
    12.5% {
      clip: rect(458px, 9999px, 480px, 0);
      left: -3%;
    }
    13.5% {
      clip: rect(188px, 9999px, 194px, 0);
      left: -3%;
    }
    14% {
      clip: rect(236px, 9999px, 241px, 0);
      left: -3%;
    }
    14.5% {
      clip: rect(190px, 9999px, 199px, 0);
      left: -1%;
    }
    15% {
      clip: rect(342px, 9999px, 384px, 0);
      left: 5%;
    }
    15.5% {
      clip: rect(436px, 9999px, 459px, 0);
      left: -1%;
    }
    16% {
      clip: rect(202px, 9999px, 240px, 0);
      left: 2%;
    }
    16.5% {
      clip: rect(278px, 9999px, 296px, 0);
      left: -4%;
    }
    17% {
      clip: rect(181px, 9999px, 191px, 0);
      left: 4%;
    }
    17.5% {
      clip: rect(29px, 9999px, 36px, 0);
      left: 1%;
    }
    18% {
      clip: rect(338px, 9999px, 366px, 0);
      left: 5%;
    }
    18.5% {
      clip: rect(335px, 9999px, 360px, 0);
      left: -1%;
    }
    19% {
      clip: rect(282px, 9999px, 297px, 0);
      left: -2%;
    }
    19.5% {
      clip: rect(56px, 9999px, 101px, 0);
      left: 5%;
    }
    20% {
      clip: rect(136px, 9999px, 167px, 0);
      left: 4%;
    }
    20.5% {
      clip: rect(430px, 9999px, 442px, 0);
      left: 5%;
      visibility: hidden;
    }
  
   43.5% {
     clip: auto;
     visibility: visible;
     left: 10px;
     opacity:0.5;
    }
   44% {
    clip: rect(20px,999px,140px,0px);
    left: 15px;
   }
   44.5% {
    clip: rect(20px,999px,140px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: 20px;
    -webkit-filter: hue-rotate(180deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   46% {
      clip: rect(438px, 9999px, 459px, 0);
      left: 14%;
    transform: scale(1.2);
    -webkit-filter: invert(0);
    }
   46.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: 14%;
    }
   47% {
      clip: rect(448px, 9999px, 449px, 0);
      left: 14%;
    }
   47.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: 12%;
    transform: scale(1.1);
    }
   48% {
      clip: rect(466px, 9999px, 526px, 0);
      left: 11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   48.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: 14%;
    transform: scale(1.1);
    }
   49% {
      clip: rect(174px, 9999px, 268px, 0);
      left: -14%;
    transform: scale(1.3);
    }
   49.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: -12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   50% {
      clip: rect(308px, 9999px, 311px, 0);
      left: -15%;
    }
   50.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: 11%;
    transform: scale(1.1);
    }
    51% {
      clip: rect(54px, 9999px, 92px, 0);
      left: 11%;
     transform: scale(1.2);
    }
    51.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: -13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    52% {
      clip: rect(354px, 9999px, 394px, 0);
      left: -15%;
     transform: scale(1.1);
    }
    52.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: 11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    53% {
      clip: rect(9px, 9999px, 29px, 0);
      left: -11%;
     transform: scale(1.3);
    }
   54% {
    background-image:none;
   }
  }
  @keyframes main-glitch-2 {
    10% {
      clip: rect(204px, 9999px, 254px, 0);
      left: -2%;
    }
    10.5% {
      clip: rect(197px, 9999px, 236px, 0);
      left: -4%;
    }
    11% {
      clip: rect(452px, 9999px, 474px, 0);
      left: 0%;
    }
    11.5% {
      clip: rect(51px, 9999px, 57px, 0);
      left: -2%;
    }
    12% {
      clip: rect(108px, 9999px, 119px, 0);
      left: 2%;
    }
    12.5% {
      clip: rect(458px, 9999px, 480px, 0);
      left: -3%;
    }
    13.5% {
      clip: rect(188px, 9999px, 194px, 0);
      left: -3%;
    }
    14% {
      clip: rect(236px, 9999px, 241px, 0);
      left: -3%;
    }
    14.5% {
      clip: rect(190px, 9999px, 199px, 0);
      left: -1%;
    }
    15% {
      clip: rect(342px, 9999px, 384px, 0);
      left: 5%;
    }
    15.5% {
      clip: rect(436px, 9999px, 459px, 0);
      left: -1%;
    }
    16% {
      clip: rect(202px, 9999px, 240px, 0);
      left: 2%;
    }
    16.5% {
      clip: rect(278px, 9999px, 296px, 0);
      left: -4%;
    }
    17% {
      clip: rect(181px, 9999px, 191px, 0);
      left: 4%;
    }
    17.5% {
      clip: rect(29px, 9999px, 36px, 0);
      left: 1%;
    }
    18% {
      clip: rect(338px, 9999px, 366px, 0);
      left: 5%;
    }
    18.5% {
      clip: rect(335px, 9999px, 360px, 0);
      left: -1%;
    }
    19% {
      clip: rect(282px, 9999px, 297px, 0);
      left: -2%;
    }
    19.5% {
      clip: rect(56px, 9999px, 101px, 0);
      left: 5%;
    }
    20% {
      clip: rect(136px, 9999px, 167px, 0);
      left: 4%;
    }
    20.5% {
      clip: rect(430px, 9999px, 442px, 0);
      left: 5%;
      visibility: hidden;
    }
  
   43.5% {
     clip: auto;
     visibility: visible;
     left: 10px;
     opacity:0.5;
    }
   44% {
    clip: rect(20px,999px,140px,0px);
    left: 15px;
   }
   44.5% {
    clip: rect(20px,999px,140px,0px);
    left: 0;
   }
   45% {
    clip: auto;
    left: 20px;
    -webkit-filter: hue-rotate(180deg) saturate(1.3);
   }
   45.5% {
    left: 0px;
    -webkit-filter: invert(1);
   }
   46% {
      clip: rect(438px, 9999px, 459px, 0);
      left: 14%;
    transform: scale(1.2);
    -webkit-filter: invert(0);
    }
   46.5% {
      clip: rect(279px, 9999px, 294px, 0);
      left: 14%;
    }
   47% {
      clip: rect(448px, 9999px, 449px, 0);
      left: 14%;
    }
   47.5% {
      clip: rect(301px, 9999px, 345px, 0);
      left: 12%;
    transform: scale(1.1);
    }
   48% {
      clip: rect(466px, 9999px, 526px, 0);
      left: 11%;
    transform: scale(1.3);
    -webkit-filter: hue-rotate(90deg) saturate(1.3);
    }
   48.5% {
      clip: rect(263px, 9999px, 296px, 0);
      left: 14%;
    transform: scale(1.1);
    }
   49% {
      clip: rect(174px, 9999px, 268px, 0);
      left: -14%;
    transform: scale(1.3);
    }
   49.5% {
      clip: rect(100px, 9999px, 167px, 0);
      left: -12%;
    transform: scale(1.1);
    -webkit-filter:none;
    }
   50% {
      clip: rect(308px, 9999px, 311px, 0);
      left: -15%;
    }
   50.5% {
      clip: rect(131px, 9999px, 147px, 0);
      left: 11%;
    transform: scale(1.1);
    }
    51% {
      clip: rect(54px, 9999px, 92px, 0);
      left: 11%;
     transform: scale(1.2);
    }
    51.5% {
      clip: rect(341px, 9999px, 421px, 0);
      left: -13%;
     transform: scale(1.3);
     -webkit-filter: invert(0);
    }
    52% {
      clip: rect(354px, 9999px, 394px, 0);
      left: -15%;
     transform: scale(1.1);
    }
    52.5%{
      clip: rect(260px, 9999px, 360px, 0);
      left: 11%;
     transform: scale(1.2);
     -webkit-filter: none;
    }
    53% {
      clip: rect(9px, 9999px, 29px, 0);
      left: -11%;
     transform: scale(1.3);
    }
   54% {
    background-image:none;
   }
  }