a {
  color: #000000;
}

a:hover {
  text-decoration: none;
  color: #2ed6d5;
}

a:hover h2 {
  color: #2ed6d5;
  text-shadow: 3px 1px 0px #d42ad3;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed'
}

.magenta, b {
  color: #ff00ff;
}

footer a, footer a:visited {
  color: #fff;
  text-decoration: underline;
}

/* footer style */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  background: url('../img/title_side.jpg');
  background-position: bottom left;
  font-family: 'Roboto';
  background-color: #000000;
  background-size: auto 100%;
  background-repeat: no-repeat;
  color: #000000;
  background-position: fixed;
  background-attachment: fixed;
  width: 100%;
  min-height: 100%;
}
.content {
  width: 960px;
    margin: 0 auto;
    background: white;
    box-shadow: 3px 1px 0px #d42ad3;
    padding-bottom:100px;
    border-left: 3px solid #2ed6d5;
}

.wrapper {position: relative;
    width: 100%;
    height: 100%;}
.footer {
  text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: black;
    z-index: 10;
}

.logo {
  padding-left:20px;

}
.container-tw {
  z-index: 10;
}

.title-tmy {    display: inline;
    font-size: 1.3em;
    letter-spacing: 2px;
    font-family: 'Roboto';
    font-weight: 600;}

.container-tw ul {padding-left: 0;z-index: 10;min-height: 120px;
    display: table;width: 100%;}
    .container-tw .text {display:table-cell;vertical-align: middle;}
.container-tw ul li {display: inline;padding: 0 5px 0 5px;}


    .social-icon:hover i {color: #2ed6d5;text-shadow: 3px 1px 0px #d42ad3;}

.separator{
    position:relative;
    padding-bottom:5.5%;
    overflow:hidden;
    width: 100%;
    background: black
}
.separator:before, .separator:after{
    content:'';
    position:absolute;
  -webkit-backface-visibility:hidden;
}
.separator:before{
    background: white;
    bottom:100%; left:-1%;
    width:101%; height:200%;
    
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);    
}
.separator:after{
    background: white;
    top:100%;
    width:100%; height:100%;
    
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    
    -webkit-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);  
}


.twtlink {font-size: 30px;
    border: 2px solid black;
    padding: 11px 10px 9px 13px;
    border-radius: 100%;}

.twtlink:hover {border-color: #2ed6d5 !important; color: #2ed6d5; text-shadow: 3px 1px 0px #d42ad3;box-shadow: 3px 1px 0px #d42ad3;}

hr {
  border: 1px solid #ffffff;
  box-shadow: 3px 1px 0px #d42ad3;
  width: 40%;

}

.itchlogo {pointer-events: none;filter:brightness(0) invert(0);width: 100%;position: relative;z-index: 1}
.logoitch:hover .itchlogo {filter: invert(61%) sepia(84%) saturate(400%) hue-rotate(130deg) brightness(103%) contrast(81%)}
.logoitch {display: block;width: 25%;margin: 0 auto;}
.itchlogoshadow {display:none;pointer-events: none;filter:invert(45%) sepia(88%) saturate(2959%) hue-rotate(272deg) brightness(80%) contrast(113%);width: 100%;position: absolute;
    left: 2px;
    top: 2px;
    z-index: 0;}
    .logoitch:hover .itchlogoshadow {display: inline;}

a:visited {color: #000000;}

.btn {border: 2px solid black}
.btn.focus, .btn:focus {box-shadow: none;}
.btn {font-weight: 700; text-transform: uppercase;}
.btn:active { color: #2ed6d5; text-shadow: 1px 2px 0px #D42AD3;}
.btn:hover, .btn-tw.active {border-color: #2ed6d5 !important; /*color:#D42AD3;*/ color: #2ed6d5; text-shadow: 2px 1px 0px #d42ad3;box-shadow: 2px 2px 0px #d42ad3;}


ul {
    list-style-type: none;
    margin-bottom: 0;
}


/*animazione glitch*/

img {
  max-width: 100%;
}

.x {
  position: relative;
  margin: auto;
  width: 50%;
  height: 165px;
  overflow: hidden;
}

/*
  (TEXT) PARAMS
  =================
  1. Namespace
  2. Intensity
  3. Text color
  4. Background color (flat)
  5. Highlight #1 color
  6. Highlight #2 color
  7. Width (px)
  8. Height (px)
*/
@keyframes glitch-anim-1 {
  0% {
    clip: rect(268px, 1280px, 729px, 0);
    -ms-transform: scale(1.2) skewX(-26deg);
    -webkit-transform: scale(1.2) skewX(-23deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  2.85714% {
    clip: rect(110px, 1280px, 48px, 0);
    -ms-transform: scale(1.2) skewX(-19deg);
    -webkit-transform: scale(1.2) skewX(-8deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  5.71429% {
    clip: rect(530px, 1280px, 242px, 0);
    -ms-transform: scale(1.2) skewX(-8deg);
    -webkit-transform: scale(1.2) skewX(-4deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  8.57143% {
    clip: rect(25px, 1280px, 270px, 0);
    -ms-transform: scale(1.2) skewX(-21deg);
    -webkit-transform: scale(1.2) skewX(-22deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  11.42857% {
    clip: rect(500px, 1280px, 692px, 0);
    -ms-transform: scale(1.2) skewX(-6deg);
    -webkit-transform: scale(1.2) skewX(-22deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  14.28571% {
    clip: rect(43px, 1280px, 18px, 0);
    -ms-transform: scale(1.2) skewX(-10deg);
    -webkit-transform: scale(1.2) skewX(-19deg);
    transform: scale(1.2) skewX(-5deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  17.14286% {
    clip: rect(267px, 1280px, 750px, 0);
    -ms-transform: scale(1.2) skewX(-8deg);
    -webkit-transform: scale(1.2) skewX(-24deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  20% {
    clip: rect(333px, 1280px, 399px, 0);
    -ms-transform: scale(1.2) skewX(-10deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  22.85714% {
    clip: rect(444px, 1280px, 188px, 0);
    -ms-transform: scale(1.2) skewX(-27deg);
    -webkit-transform: scale(1.2) skewX(-25deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  25.71429% {
    clip: rect(289px, 1280px, 310px, 0);
    -ms-transform: scale(1.2) skewX(-4deg);
    -webkit-transform: scale(1.2) skewX(0deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  28.57143% {
    clip: rect(621px, 1280px, 724px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-3deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  31.42857% {
    clip: rect(74px, 1280px, 532px, 0);
    -ms-transform: scale(1.2) skewX(-12deg);
    -webkit-transform: scale(1.2) skewX(-17deg);
    transform: scale(1.2) skewX(-2deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  34.28571% {
    clip: rect(567px, 1280px, 600px, 0);
    -ms-transform: scale(1.2) skewX(-7deg);
    -webkit-transform: scale(1.2) skewX(0deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  37.14286% {
    clip: rect(509px, 1280px, 523px, 0);
    -ms-transform: scale(1.2) skewX(-21deg);
    -webkit-transform: scale(1.2) skewX(-20deg);
    transform: scale(1.2) skewX(-2deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  40% {
    clip: rect(613px, 1280px, 532px, 0);
    -ms-transform: scale(1.2) skewX(-12deg);
    -webkit-transform: scale(1.2) skewX(0deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  42.85714% {
    clip: rect(204px, 1280px, 309px, 0);
    -ms-transform: scale(1.2) skewX(-29deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  45.71429% {
    clip: rect(711px, 1280px, 338px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-20deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  48.57143% {
    clip: rect(586px, 1280px, 711px, 0);
    -ms-transform: scale(1.2) skewX(-17deg);
    -webkit-transform: scale(1.2) skewX(-18deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  51.42857% {
    clip: rect(261px, 1280px, 464px, 0);
    -ms-transform: scale(1.2) skewX(-22deg);
    -webkit-transform: scale(1.2) skewX(-18deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  54.28571% {
    clip: rect(48px, 1280px, 45px, 0);
    -ms-transform: scale(1.2) skewX(-12deg);
    -webkit-transform: scale(1.2) skewX(-25deg);
    transform: scale(1.2) skewX(-5deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  57.14286% {
    clip: rect(642px, 1280px, 604px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-19deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  60% {
    clip: rect(110px, 1280px, 107px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-10deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  62.85714% {
    clip: rect(617px, 1280px, 604px, 0);
    -ms-transform: scale(1.2) skewX(-3deg);
    -webkit-transform: scale(1.2) skewX(-27deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  65.71429% {
    clip: rect(669px, 1280px, 590px, 0);
    -ms-transform: scale(1.2) skewX(-16deg);
    -webkit-transform: scale(1.2) skewX(-11deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  68.57143% {
    clip: rect(486px, 1280px, 334px, 0);
    -ms-transform: scale(1.2) skewX(-11deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  71.42857% {
    clip: rect(478px, 1280px, 522px, 0);
    -ms-transform: scale(1.2) skewX(0deg);
    -webkit-transform: scale(1.2) skewX(0deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  74.28571% {
    clip: rect(59px, 1280px, 109px, 0);
    -ms-transform: scale(1.2) skewX(-13deg);
    -webkit-transform: scale(1.2) skewX(-7deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  77.14286% {
    clip: rect(669px, 1280px, 241px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  80% {
    clip: rect(475px, 1280px, 340px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-11deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  82.85714% {
    clip: rect(234px, 1280px, 601px, 0);
    -ms-transform: scale(1.2) skewX(-3deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  85.71429% {
    clip: rect(39px, 1280px, 29px, 0);
    -ms-transform: scale(1.2) skewX(-19deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  88.57143% {
    clip: rect(567px, 1280px, 338px, 0);
    -ms-transform: scale(1.2) skewX(-2deg);
    -webkit-transform: scale(1.2) skewX(-3deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  91.42857% {
    clip: rect(143px, 1280px, 753px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  94.28571% {
    clip: rect(434px, 1280px, 626px, 0);
    -ms-transform: scale(1.2) skewX(-25deg);
    -webkit-transform: scale(1.2) skewX(-17deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  97.14286% {
    clip: rect(312px, 1280px, 483px, 0);
    -ms-transform: scale(1.2) skewX(-29deg);
    -webkit-transform: scale(1.2) skewX(-19deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  100% {
    clip: rect(483px, 1280px, 23px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-19deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
}
@keyframes glitch-anim-2 {
  0% {
    clip: rect(600px, 1280px, 744px, 0);
    -ms-transform: scale(1.2) skewX(-10deg);
    -webkit-transform: scale(1.2) skewX(-22deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  2.85714% {
    clip: rect(278px, 1280px, 644px, 0);
    -ms-transform: scale(1.2) skewX(-21deg);
    -webkit-transform: scale(1.2) skewX(-8deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  5.71429% {
    clip: rect(753px, 1280px, 68px, 0);
    -ms-transform: scale(1.2) skewX(-1deg);
    -webkit-transform: scale(1.2) skewX(-25deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  8.57143% {
    clip: rect(86px, 1280px, 484px, 0);
    -ms-transform: scale(1.2) skewX(-22deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  11.42857% {
    clip: rect(134px, 1280px, 366px, 0);
    -ms-transform: scale(1.2) skewX(-23deg);
    -webkit-transform: scale(1.2) skewX(-14deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  14.28571% {
    clip: rect(491px, 1280px, 380px, 0);
    -ms-transform: scale(1.2) skewX(-2deg);
    -webkit-transform: scale(1.2) skewX(-28deg);
    transform: scale(1.2) skewX(-2deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  17.14286% {
    clip: rect(723px, 1280px, 586px, 0);
    -ms-transform: scale(1.2) skewX(-26deg);
    -webkit-transform: scale(1.2) skewX(-23deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  20% {
    clip: rect(419px, 1280px, 528px, 0);
    -ms-transform: scale(1.2) skewX(-17deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  22.85714% {
    clip: rect(296px, 1280px, 98px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-26deg);
    transform: scale(1.2) skewX(-9deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  25.71429% {
    clip: rect(377px, 1280px, 474px, 0);
    -ms-transform: scale(1.2) skewX(-28deg);
    -webkit-transform: scale(1.2) skewX(-7deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  28.57143% {
    clip: rect(120px, 1280px, 618px, 0);
    -ms-transform: scale(1.2) skewX(-9deg);
    -webkit-transform: scale(1.2) skewX(-24deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  31.42857% {
    clip: rect(396px, 1280px, 13px, 0);
    -ms-transform: scale(1.2) skewX(-19deg);
    -webkit-transform: scale(1.2) skewX(-13deg);
    transform: scale(1.2) skewX(-5deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  34.28571% {
    clip: rect(757px, 1280px, 730px, 0);
    -ms-transform: scale(1.2) skewX(-11deg);
    -webkit-transform: scale(1.2) skewX(-22deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  37.14286% {
    clip: rect(638px, 1280px, 512px, 0);
    -ms-transform: scale(1.2) skewX(-5deg);
    -webkit-transform: scale(1.2) skewX(-10deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  40% {
    clip: rect(147px, 1280px, 528px, 0);
    -ms-transform: scale(1.2) skewX(-22deg);
    -webkit-transform: scale(1.2) skewX(-29deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  42.85714% {
    clip: rect(461px, 1280px, 286px, 0);
    -ms-transform: scale(1.2) skewX(-3deg);
    -webkit-transform: scale(1.2) skewX(-21deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  45.71429% {
    clip: rect(436px, 1280px, 232px, 0);
    -ms-transform: scale(1.2) skewX(-14deg);
    -webkit-transform: scale(1.2) skewX(-21deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  48.57143% {
    clip: rect(161px, 1280px, 50px, 0);
    -ms-transform: scale(1.2) skewX(-18deg);
    -webkit-transform: scale(1.2) skewX(-4deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  51.42857% {
    clip: rect(598px, 1280px, 52px, 0);
    -ms-transform: scale(1.2) skewX(-5deg);
    -webkit-transform: scale(1.2) skewX(-17deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  54.28571% {
    clip: rect(380px, 1280px, 736px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-27deg);
    transform: scale(1.2) skewX(-5deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  57.14286% {
    clip: rect(689px, 1280px, 429px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-24deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  60% {
    clip: rect(511px, 1280px, 343px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  62.85714% {
    clip: rect(742px, 1280px, 260px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-3deg);
    transform: scale(1.2) skewX(0deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  65.71429% {
    clip: rect(663px, 1280px, 521px, 0);
    -ms-transform: scale(1.2) skewX(-8deg);
    -webkit-transform: scale(1.2) skewX(-1deg);
    transform: scale(1.2) skewX(-5deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  68.57143% {
    clip: rect(365px, 1280px, 570px, 0);
    -ms-transform: scale(1.2) skewX(-22deg);
    -webkit-transform: scale(1.2) skewX(-8deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  71.42857% {
    clip: rect(236px, 1280px, 146px, 0);
    -ms-transform: scale(1.2) skewX(-2deg);
    -webkit-transform: scale(1.2) skewX(-18deg);
    transform: scale(1.2) skewX(-2deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  74.28571% {
    clip: rect(4px, 1280px, 211px, 0);
    -ms-transform: scale(1.2) skewX(-11deg);
    -webkit-transform: scale(1.2) skewX(-29deg);
    transform: scale(1.2) skewX(-1deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  77.14286% {
    clip: rect(697px, 1280px, 47px, 0);
    -ms-transform: scale(1.2) skewX(-20deg);
    -webkit-transform: scale(1.2) skewX(-23deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  80% {
    clip: rect(315px, 1280px, 298px, 0);
    -ms-transform: scale(1.2) skewX(-13deg);
    -webkit-transform: scale(1.2) skewX(-26deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  82.85714% {
    clip: rect(703px, 1280px, 92px, 0);
    -ms-transform: scale(1.2) skewX(-24deg);
    -webkit-transform: scale(1.2) skewX(-13deg);
    transform: scale(1.2) skewX(-4deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  85.71429% {
    clip: rect(719px, 1280px, 64px, 0);
    -ms-transform: scale(1.2) skewX(0deg);
    -webkit-transform: scale(1.2) skewX(-7deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  88.57143% {
    clip: rect(498px, 1280px, 496px, 0);
    -ms-transform: scale(1.2) skewX(-6deg);
    -webkit-transform: scale(1.2) skewX(-26deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  91.42857% {
    clip: rect(434px, 1280px, 572px, 0);
    -ms-transform: scale(1.2) skewX(-26deg);
    -webkit-transform: scale(1.2) skewX(-6deg);
    transform: scale(1.2) skewX(-8deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  94.28571% {
    clip: rect(304px, 1280px, 345px, 0);
    -ms-transform: scale(1.2) skewX(-8deg);
    -webkit-transform: scale(1.2) skewX(-9deg);
    transform: scale(1.2) skewX(-7deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  97.14286% {
    clip: rect(457px, 1280px, 141px, 0);
    -ms-transform: scale(1.2) skewX(-13deg);
    -webkit-transform: scale(1.2) skewX(-17deg);
    transform: scale(1.2) skewX(-6deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
  100% {
    clip: rect(450px, 1280px, 102px, 0);
    -ms-transform: scale(1.2) skewX(-25deg);
    -webkit-transform: scale(1.2) skewX(-26deg);
    transform: scale(1.2) skewX(-3deg);
    -webkit-filter: saturate(9);
    filter: saturate(9);
  }
}
.logo-glitch > img {
  position: absolute;
  top: 0px;
  left: 0px;
}
.logo-glitch > img:nth-child(2),
.logo-glitch > img:nth-child(3) {
  clip: rect(0, 0, 0, 0);
}
.glitchimg > img:nth-child(2) {
  left: 2px;
  animation: glitch-anim-1 4s infinite linear alternate-reverse;
}
.glitchimg > img:nth-child(3) {
  left: -2px;
  animation: glitch-anim-2 5s infinite linear alternate-reverse;
}



/* mobile */

@media (max-width: 1999px) {
  .x {
    height: 125px;}  
    .mob-sep {display: none}
}

@media (max-width: 991px) {
  .x {
    height: 95px;}  
    .content { 
      background: none;
      box-shadow: none;
      width: auto;
      border: none;
    }
    body {color: white}
    .separator {display: none}
    a.btn {border-color: white;color: white}
    .itchlogo {filter:brightness(0) invert(1);}
    .twtlink {border-color: white;}
    .twtlink i {color: white}
    .twtlink:hover i {color: #2ed6d5}
    .mob-sep {display: block}
    .social-icon i {color: white}
}

@media (max-width: 767px) {
  .x {width: 70%}  
  .ss-col {margin-bottom: 20px}
  .ss-col:last-child {margin-bottom: 0}
  .logoitch {width: 35%}
  .itchcont {margin-top: 15px;margin-bottom: 16px}
}


@media (min-width: 1200px) {
  .x {
    height: 165px;}  
    .mob-sep {display: none}
}