html {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8c6df), color-stop(100%,#6d88b7)); 
	height: 100%;
}

#stage {
	position: relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

/* @group Body */

#body {
	position: absolute;
	top: 125px;
	left: 424px;
}



@-webkit-keyframes body{
	from {
		-webkit-transform: rotate(-10deg);
		left: 300px;
		z-index: 10;
	}
	
	to {
		-webkit-transform: rotate(5deg);
		left: 325px;
		z-index: -10;
	}
}

#body {
	-webkit-animation-name: body;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}

/* @group left-brow */

#body #left-brow {
	position: absolute;
	top: 100px;
	left: 40px;
	-webkit-transform: rotate(10deg);
}

@-webkit-keyframes left-brow{
	from {
		-webkit-transform: rotate(20deg);
	}
	
	to {
		-webkit-transform: rotate(-10deg);
	}
}

#body #left-brow {
	-webkit-animation-name: left-brow;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}



/* @end */

/* @group right-brow */

#body #right-brow {
	position: absolute;
	top: 107px;
	left: 145px;
	-webkit-transform: rotate(-5deg);
}

@-webkit-keyframes right-brow{
	from {
		-webkit-transform: rotate(-12deg);
	}
	
	to {
		-webkit-transform: rotate(15deg);
	}
}

#body #right-brow {
	-webkit-animation-name: right-brow;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}



/* @end */

/* @group left-arm */
#body #left-arm {
	position: absolute;
	top: -110px;
	left: -100px;
}

@-webkit-keyframes left-arm{
	from {
		left: -200px;
		-webkit-transform: rotate(-20deg);
	}
	
	to {
		top: -22px;
		left: 10px;
		-webkit-transform: rotate(20deg);
	}
}

#body #left-arm {
	-webkit-animation-name: left-arm;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}


/* @end */

/* @group right-arm */
#body #right-arm {
	position: absolute;
	top: 220px;
	right: 0px;
}

@-webkit-keyframes right-arm{
	from {
		right: 15px;
	}
	
	to {
		right: -33px;
	}
}

#body #right-arm {
	-webkit-animation-name: right-arm;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}


/* @end */



/* @end */

/* @group Opponent */

#opponent {
	position: absolute;
	top: 125px;
	left: -86px;
	-webkit-transform: rotateY(180deg);
		}

@-webkit-keyframes opponent{
	from {
		-webkit-transform: rotateY(180deg) rotate(5deg);
		left: -25px;
		z-index: -10;
	}
	
	to {
		-webkit-transform: rotateY(180deg) rotate(-10deg);
		left: 0px;
		z-index: 10;
	}
}

#opponent {
	-webkit-animation-name: opponent;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}

#opponent img{
}

/* @group left-brow */

#opponent #left-brow {
	position: absolute;
	top: 100px;
	left: 40px;
	-webkit-transform: rotate(10deg);
}

@-webkit-keyframes opponent-left-brow{
	from {
		-webkit-transform: rotate(-10deg);
	}
	
	to {

		-webkit-transform: rotate(20deg);
	}
}

#opponent #left-brow {
	-webkit-animation-name: opponent-left-brow;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}



/* @end */

/* @group right-brow */

#opponent #right-brow {
	position: absolute;
	top: 107px;
	left: 145px;
	-webkit-transform: rotate(-5deg);
}

@-webkit-keyframes opponent-right-brow{
	from {
		-webkit-transform: rotate(15deg);
	}
	
	to {
		-webkit-transform: rotate(-12deg);

	}
}

#opponent #right-brow {
	-webkit-animation-name: opponent-right-brow;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}



/* @end */

/* @group left-arm */
#opponent #left-arm {
	position: absolute;
	top: -110px;
	left: -100px;
}

@-webkit-keyframes opponent-left-arm{
	from {
		top: -22px;
		left: 10px;
		-webkit-transform: rotate(20deg);
	}
	
	to {
		left: -200px;
		-webkit-transform: rotate(-20deg);
	}
}

#opponent #left-arm {
	-webkit-animation-name: opponent-left-arm;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}


/* @end */

/* @group right-arm */
#opponent #right-arm {
	position: absolute;
	top: 220px;
	right: 0px;
}

@-webkit-keyframes opponent-right-arm{
	from {
		right: -33px;
	}
	
	to {
		right: 15px;	
	}
}

#opponent #right-arm {
	-webkit-animation-name: opponent-right-arm;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}


/* @end */


/* @end */