* { margin: 0; margin: 0; }

body{
	background-color: #f4ff17;
	overflow: hidden;
}

#colorverde{
	background-color: #f4ff17;
}
#colornegro{
	background-color: black;
	opacity: 0%;
}
#container2{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#container{

	overflow: hidden;
}

#container,
#container > div, 
#container #cabeza > div , 
#ojos , #colorverde, #colornegro,

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


/* art made by delcarmat */

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

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

#ojosnormal{

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

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



#cabeza{
	transform-origin: 50% 65%;
}