html {
	overflow: hidden;
	touch-action: none;
	content-zooming: none;
}
body {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	background-image: url('../assets/brainhook.gif'), url('../assets/cockroach.gif'), url('../assets/.gif');
	background-repeat: repeat;
	background-position: left top;
	overflow: hidden;
}
#canvas {
	position:absolute;
	width:100%;
	height:100%;
	background: transparent;
	background-image: url('../assets/.gif');
	background-repeat: no-repeat;
	z-index: 30;
}

#toilet {
	position:absolute;
	width:100%;
	height:100%;
	background: transparent;
	background-image: url('../assets/.gif');
	background-repeat: no-repeat;
	z-index: 20;
}

#blood {
	position: absolute;
	bottom: 50px;
	left: 0%;
	z-index: 19;
	width: 474px;
	height: 390px;
	display: block;
	background-image: url('../assets/bloodexplosion.gif');
	background-repeat: no-repeat;
}

#asianfinger {
	position: absolute;
	bottom: 0%;
	left: 0%;
	z-index: 21;
	width: 500px;
	height: 411px;
	display: block;
	background-image: url('../assets/asianfinger.gif');
	background-repeat: no-repeat;
}

#asianfinger2 {
	position: absolute;
	bottom: 0%;
	right: 0%;
	z-index: 21;
	width: 500px;
	height: 411px;
	display: block;
	background-image: url('../assets/asianfinger.gif');
	background-repeat: no-repeat;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#pizza {
	position: absolute;
	width:394px;
	height:400px;
	bottom:0px;
	left:10%;
	z-index: 38;
	background: transparent url('../assets/pizzadude.gif') no-repeat center center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#pizzababe {
	position: absolute;
	width:187px;
	height:222px;
	bottom: 30px;
	left: 40px;
	background: transparent url('../assets/pizzababe_sm.gif') no-repeat center center;
	z-index: 37;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

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

#cuppudding {
	position: absolute;
	width:349px;
	height:284px;
	background: transparent url('../assets/cuppudding.gif') no-repeat center center;
	background-size: contain;
	bottom:0%;
	right:20%;
	z-index: 29;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#skullcandle {
	position: absolute;
	width:175px;
	height:175px;
	background: transparent url('../assets/skullcandle.png') no-repeat center center;
	background-size: contain;
	top:30%;
	left:10%;
	z-index: 28;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#skullcandle2 {
	position: absolute;
	width:175px;
	height:175px;
	background: transparent url('../assets/skullcandle.png') no-repeat center center;
	background-size: contain;
	top:30%;
	right:10%;
	z-index: 28;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#pizzacockroach {
	position: relative;
	width:500px;
	height:611px;
	background: transparent url('../assets/pizzacockroach.gif') no-repeat center center;
	top: 40%;
	margin-left: auto ;
	margin-right: auto ;
	z-index: 25;
}

.marquee {
	position: absolute;
	bottom: -20px;
	background: transparent;
	width: 100%;
	z-index: 90;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.marquee2 {
	position: absolute;
	bottom: -20px;
	background: transparent;
	width: 100%;
	z-index: 90;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

#flame {
	position: absolute;
	width:100%;
	height:128px;
	bottom: 0px;
	background: transparent url('../assets/flame.gif') no-repeat center center;
	background-repeat: repeat-x;
	z-index: 80;
	-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) {
	#toilet {
		background: url('../assets/toilet.gif') no-repeat center center fixed;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		margin: auto;
		top: 0; left: 0; bottom: 0; right: 0;
	}
}

@media all and (orientation:portrait) {
	#toilet {
		background: url('../assets/toilet.gif') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		margin: auto;
		top: 0; left: 0; bottom: 0; right: 0;
	}

	#asianfinger {
		position: absolute;
		bottom: 0%;
		left: 0%;
		z-index: 21;
		width: 250px;
		height: 206px;
		display: block;
		background-image: url('../assets/asianfinger.gif');
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}

	#asianfinger2 {
		position: absolute;
		bottom: 0%;
		right: 0%;
		z-index: 21;
		width: 250px;
		height: 206px;
		display: block;
		background-image: url('../assets/asianfinger.gif');
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	.marquee {
		position: absolute;
		bottom: 0px;
		background: transparent;
		width: 100%;
		z-index: 90;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#cuppudding {
		position: absolute;
		width:236px;
		height:192px;
		background: transparent url('../assets/cuppudding.gif') no-repeat center center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		bottom:0%;
		right:0%;
		z-index: 29;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

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

	#pizzababe {
		position: absolute;
		width:187px;
		height:222px;
		bottom: 0px;
		left: -20px;
		background: transparent url('../assets/pizzababe_sm.gif') no-repeat center center;
		z-index: 37;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

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

	.marquee2 {
		position: absolute;
		top: 20px;
		background: transparent;
		width: 100%;
		z-index: 25;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#skullcandle {
		position: absolute;
		width:150px;
		height:150px;
		background: transparent url('../assets/skullcandle.png') no-repeat center center;
		background-size: contain;
		top: 380px;
		left:45%;
		z-index: 28;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
	}

	#skullcandle2 {
display: none;
	}

}