@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

html {
    overflow: hidden;
    -ms-content-zooming: none;
    -ms-touch-action: none;
}

body {
	margin: 0px;
	padding: 0px;
    background-color: #000;
    min-height: 5000px;

	/* remove the orange box on input focus (android 4.0.4) */
	/*-webkit-user-modify: read-write-plaintext-only;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-focus-ring-color:  rgba(0,0,0,0);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#spell-screen {
	overflow: hidden;
	display: block;
	margin: 0 auto;

	/*
	 * Important for mobile Safari, otherwise it will not react to onclick events!
	*/
	cursor: pointer;
}

#spell-canvas {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}