html {
	overflow: hidden;
	-ms-touch-action: none;
	-ms-content-zooming: none;
}
body {
	position: absolute;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image: url('../assets/.gif');
	background-repeat: repeat;
	background-position: left top;
	width: 100%;
	height: 100%;
}

#screen {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../assets/pyramid.png'), url('../assets/frog.gif');
    background-repeat: no-repeat;
    background-position: center;
	  cursor: help;
    -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;
    z-index: 50;
}

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

#rightscene {
    position: absolute;
    width: 250px;
    height: 421px;
    bottom: 0px;
    right: 0%;
    z-index: 100;
    -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;
}

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

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

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

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

#rays {
    position: absolute;
    width: 480px;
    height: 480px;
    bottom: -120px;
    left: -150px;
    background: transparent url('../assets/rays.gif') no-repeat center center;
    background-repeat: no-repeat;
    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;
		-ms-transform: rotate(20deg); /* IE 9 */
		-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
		transform: rotate(20deg);
}

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

.search {
	background:#0065CB !important;
}

/* Change Background Image Based on Orientation */

@media all and (orientation:landscape) {

	#screen {
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-image: url('../assets/pyramid.png'), url('../assets/frog.gif');
	    background-repeat: no-repeat;
	    background-position: center;
		  cursor: help;
	    -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;
	    z-index: 50;
	}

}

@media all and (orientation:portrait) {

	#screen {
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-image: url('../assets/pyramid-vertical.png'), url('../assets/frog.gif');
	    background-repeat: no-repeat;
	    background-position: center;
		  cursor: help;
	    -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;
	    z-index: 50;
	}

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

	#rays {
	    position: absolute;
	    width: 300px;
	    height: 300px;
	    bottom: -80px;
	    left: -60px;
	    background: transparent url('../assets/rays.gif') no-repeat center center;
	    background-repeat: no-repeat;
	    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;
			-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
			transform: rotate(0deg);
	}


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

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

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

	#rightscene {
	    position: absolute;
	    width: 175px;
	    height: 253px;
	    bottom: 0px;
	    right: 0%;
	    z-index: 100;
	    -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;
	}

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

	#floppy {
		position: absolute;
		margin: auto;
		bottom: 60px;
		left: 0;
		right: 0;
		width: 200px;
		height: 167px;
		z-index: 105;
		background-image: url('../assets/floppy.gif');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}

}