* { margin: 0; margin: 0; }

body{	
	overflow: hidden;
	background-color: black;
}


#container{
	width: 800px;
	height: 800px;
	overflow: hidden;
	position: absolute;
	
}

#glitch{
	width: 800px;
	height: 800px;
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}


#container > div,
#container #glitch > div
  {
	width: 800px;
	height: 800px;
	
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}


/* art made by delcarmat */

#cara{
	background-image: url(art.svg);
	background-position: 0px 0px;
	background-size: cover;
}

#craneo{opacity: 0;
	background-image: url(art.svg);
	background-position: -800px 0px;
	background-size: cover;
}

#pelo{
	background-image: url(art.svg);
	background-position: -1600px 0px;
	background-size: cover;
}



#glitcher1{opacity: 0;
	background-image: url(art.svg);
	background-position: -2400px 0px;
	background-size: cover;
}
#glitcher2{
	opacity: 0;
	background-image: url(art.svg);
	background-position: -3200px 0px;
	background-size: cover;	
}
#glitcher3{opacity: 0;
	background-image: url(art.svg);
	background-position: -4000px 0px;
	background-size: cover;	
	mix-blend-mode: multiply;
}
#glitcher4{opacity: 0;
	background-image: url(art.svg);
	background-position: -4800px 0px;
	background-size: cover;	
}
#glitcher5{opacity: 0;
	background-image: url(art.svg);
	background-position: -5600px 0px;
	background-size: cover;	
	mix-blend-mode: multiply;
}
#glitcher6{
	opacity: 0;
	background-image: url(art.svg);
	background-position: -6400px 0px;
	background-size: cover;	
	mix-blend-mode: multiply;
}

@keyframes animatexto {
	0%   {opacity:100%}
	39%   {opacity:100%}
	40%  {opacity:0}
	60%  {opacity:0}
	61% {opacity:100%}
	100% {opacity:100%}
  }


#textos{
	
	user-select: none;
	width: 200px;
	height: 200px;
	display: block;
	position: absolute;
	color: white;
	font-family: monospace;
	font-size: 22px;
	letter-spacing: 11px;
	top: 222px;
	left:152px;

	animation-name: animatexto;
	animation-duration: 2s;
	animation-iteration-count: infinite;

}

#glitchpeligrocartel{opacity: 0;
	background-image: url(art.svg);
	background-position: -7200px 0px;
	background-size: cover;	
}
#red{
	opacity: 0;
background-color: red;
mix-blend-mode: lighten	;;

}