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/head-ass.gif'), url('../assets/pedobeardance.gif');
	background-repeat: repeat;
	background-position: left top;
}

canvas {
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

#lipsmacking {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #;
	position: absolute;
	background-image: url('../assets/.png');
	cursor:url("../assets/.png") 50 50, auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 50;
}

#organizemind {
	position: absolute;
	margin: auto;
	bottom: 50px;
	left: 0;
	right: 0;
	width: 456px;
	height: 79px;
	z-index: 76;
	background-image: url('../assets/organizemind.gif');
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#rightscene {
	position: absolute;
	width: 317px;
	height: 216px;
	bottom: 40px;
	left: 0%;
	z-index: 41;
}

#leftscene {
	position: absolute;
	width: 317px;
	height: 216px;
	bottom: 40px;
	right: 0%;
	z-index: 41;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#yinyang {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 317px;
	height: 326px;
	z-index: 40;
	background-image: url('../assets/yinyang.gif');
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#womanhand {
	position: absolute;
	bottom: 120px;
	left: 0;
	width: 237px;
	height: 418px;
	z-index: 39;
	background-image: url('../assets/womanhand.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) {
	#lipsmacking {
		background: url('../assets/lipsmacking.png') 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;
	}
}

@media all and (orientation:portrait) {
	#lipsmacking {
		background: url('../assets/lipsmacking-vertical.png') 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;
	}

	#yinyang {
		position: absolute;
		bottom: 100px;
		left: 0;
		width: 200px;
		height: 206px;
		z-index: 40;
		background-image: url('../assets/yinyang.gif');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}

	#womanhand {
		position: absolute;
		bottom: 200px;
		left: 0;
		width: 150px;
		height: 265px;
		z-index: 39;
		background-image: url('../assets/womanhand.gif');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}
}