html {
	overflow: hidden;
	touch-action: none;
	content-zooming: none;
	user-select: none;
}
body {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: #;
	width: 100%;
	height: 100%;
	background-image: url('../assets/.gif');
	background-repeat: repeat;
	background-position: left top;
	overflow: hidden;
}
canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: pink;
	background-image: url('../assets/.png');
	cursor: url(../assets/poop.png) x y, auto;
	z-index: 50;
}

#fart3d {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 506px;
	height: 800px;
	background: transparent;
	background-image: url('../assets/fart3d2.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:100;
}

#fart3d2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 506px;
	height: 800px;
	background: transparent;
	background-image: url('../assets/fart3d2.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:100;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#butcher {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 284px;
	height: 500px;
	background: transparent;
	background-image: url('../assets/butcher.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:105;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#butcher2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 284px;
	height: 500px;
	background: transparent;
	background-image: url('../assets/butcher.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:105;
}

#flipphone {
	position: absolute;
	left: 30px;
	bottom: -100px;
	width: 174px;
	height: 500px;
	background: transparent;
	background-image: url('../assets/flipphone.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:103;
	-ms-transform: rotate(-17deg); /* IE 9 */
	-webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
	transform: rotate(-17deg);
}

#flipphone2 {
	position: absolute;
	right: 30px;
	bottom: -100px;
	width: 174px;
	height: 500px;
	background: transparent;
	background-image: url('../assets/flipphone.gif');
	background-size: contain;
	cursor: url(../assets/poop.png) x y, auto;
	z-index:103;
	-moz-transform: scaleX(-1) rotate(-17deg);
	-o-transform: scaleX(-1) rotate(-17deg);
	-webkit-transform: scaleX(-1) rotate(-17deg);
	transform: scaleX(-1) rotate(-17deg);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#center {
	position: absolute;
	margin: auto;
	bottom: 0px;
	left: 0;
	right: 150px;
	width: 426px;
	height: 292px;
	z-index: 150;
	background-image: url('../assets/dildo2.gif');
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

/* Change Background Image Based on Orientation */

@media all and (orientation:landscape) {

}

@media all and (orientation:portrait) {
	#fart3d {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 182px;
		height: 288px;
		background: transparent;
		background-image: url('../assets/fart3d2.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:100;
	}

	#fart3d2 {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 182px;
		height: 288px;
		background: transparent;
		background-image: url('../assets/fart3d2.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:100;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#butcher {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 142px;
		height: 250px;
		background: transparent;
		background-image: url('../assets/butcher.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:105;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#butcher2 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 142px;
		height: 250px;
		background: transparent;
		background-image: url('../assets/butcher.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:105;
	}

	#flipphone {
		position: absolute;
		left: 0px;
		bottom: -10px;
		width: 83px;
		height: 240px;
		background: transparent;
		background-image: url('../assets/flipphone.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:103;
		-ms-transform: rotate(-17deg); /* IE 9 */
		-webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
		transform: rotate(-17deg);
	}

	#flipphone2 {
		position: absolute;
		right: 0px;
		bottom: -10px;
		width: 83px;
		height: 240px;
		background: transparent;
		background-image: url('../assets/flipphone.gif');
		background-size: contain;
		cursor: url(../assets/poop.png) x y, auto;
		z-index:103;
		-moz-transform: scaleX(-1) rotate(-17deg);
		-o-transform: scaleX(-1) rotate(-17deg);
		-webkit-transform: scaleX(-1) rotate(-17deg);
		transform: scaleX(-1) rotate(-17deg);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#center {
		position: absolute;
		margin: auto;
		bottom: 0px;
		left: 0;
		right: 0;
		width: 300px;
		height: 206px;
		z-index: 150;
		background-image: url('../assets/dildo2.gif');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}


}