@-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);
}