html {
	overflow: hidden;
	touch-action: none;
	content-zooming: none;
}
body {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: transparent;
	width: 100%;
	height: 100%;
	background-image:  url('../assets/killwithfire.gif');
	background-repeat: repeat;
	background-position: left top;
}
#screen {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: transparent;
	overflow:hidden;
	z-index: 8;
}

#screen img {
	position:absolute;
	visibility:hidden;
}

#screen .in {

}


#fire {
	position: absolute;
	width:100%;
	height:128px;
	bottom: 0px;
	background: transparent url('../assets/flame.gif') no-repeat center center;
	background-repeat: repeat-x;
	z-index: 10;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#rainbowsheep {
	position: absolute;
	width:100%;
	height:50px;
	bottom: 0px;
	background: transparent url('../assets/rainbowsheep.gif') no-repeat center center;
	background-repeat: repeat-x;
	z-index: 11;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#eyeball {
	position: absolute;
	width:100%;
	height:250px;
	bottom: 0px;
	background: transparent url('../assets/eyeball.gif') no-repeat center center;
	background-repeat: repeat-x;
	z-index: 11;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#cloud {
	position: absolute;
	width:100%;
	height:229px;
	top: 0px;
	background: transparent url('../assets/mariobroscloud.gif') no-repeat center center;
	background-repeat: repeat-x;
	z-index: 5;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#dancingbaby {
	position: absolute;
	width: 105px;
	height: 250px;
	bottom: 0px;
	left: 0px;
	background: transparent url('../assets/dancingbaby.gif') no-repeat center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 11;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#caveman {
	position: absolute;
	width: 350px;
	height: 262px;
	bottom: 0px;
	left: 0px;
	background: transparent url('../assets/caveman.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 10;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#escalator {
	position: absolute;
	width: 300px;
	height: 600px;
	bottom: 0px;
	left: -40px;
	background: transparent url('../assets/escalator.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 9;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#psychotichottie {
	position: absolute;
	margin: auto;
	bottom: -10px;
	left: 0;
	right: 0;
	width: 388px;
	height: 233px;
	background: transparent url('../assets/psychotichottie.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 18;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#scene {
	position: absolute;
	width: 400px;
	height: 450px;
	bottom: 0px;
	left: 0%;
	z-index: 17;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#scene2 {
	position: absolute;
	width: 400px;
	height: 450px;
	bottom: 0px;
	right: 0%;
	z-index: 17;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#rickassdance {
	position: absolute;
	width: 248px;
	height: 313px;
	bottom: -20px;
	left: 360px;
	background: transparent url('../assets/rickassdance.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 20;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#volcano {
	position: absolute;
	width: 263px;
	height: 263px;
	bottom: 0px;
	left: 250px;
	background: transparent url('../assets/volcano.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 16;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#pumpgirl {
	position: absolute;
	width: 221px;
	height: 283px;
	bottom: 30px;
	left: 180px;
	background: transparent url('../assets/pumpgirl.gif') no-repeat center center;
	background-repeat: norepeat;
	background-size : contain;
	z-index: 16;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

/* Change Background Image Based on Orientation */

@media all and (orientation:landscape) {

}

@media all and (orientation:portrait) {

	#psychotichottie {
		position: absolute;
		margin: auto;
		bottom: -10px;
		left: 0;
		right: 0;
		width: 200px;
		height: 120px;
		background: transparent url('../assets/psychotichottie.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 18;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#escalator {
		position: absolute;
		width: 175px;
		height: 350px;
		bottom: 0px;
		left: -40px;
		background: transparent url('../assets/escalator.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 9;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#pumpgirl {
		position: absolute;
		width: 160px;
		height: 205px;
		bottom: 20px;
		left: 20px;
		background: transparent url('../assets/pumpgirl.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 16;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#volcano {
		position: absolute;
		width: 130px;
		height: 130px;
		bottom: 0px;
		left: -40px;
		background: transparent url('../assets/volcano.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 16;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#caveman {
		position: absolute;
		width: 200px;
		height: 150px;
		bottom: 30px;
		left: 0px;
		background: transparent url('../assets/caveman.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 10;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#dancingbaby {
		position: absolute;
		width: 75px;
		height: 179px;
		bottom: 0px;
		left: 0px;
		background: transparent url('../assets/dancingbaby.gif') no-repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 11;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#rickassdance {
		position: absolute;
		width: 150px;
		height: 189px;
		bottom: -20px;
		left: 20px;
		background: transparent url('../assets/rickassdance.gif') no-repeat center center;
		background-repeat: norepeat;
		background-size : contain;
		z-index: 20;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#eyeball {
		display: none;
	}

}