* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	height: 120% !important;
	overflow: hidden;
}

#logispin_proot {
  height: 150% !important;
  overflow: hidden;
}

body {
	font-family: 'Arial';
	user-select: none;
}

.bodyIos {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 300% !important;
}

.gamecanvasIos {
	position: fixed !important;
}

#gamecanvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.game {
	width: 100%;
	height: 100%;
}

.root {
	width: 100%;
	height: 100%;
}

#fullScreenHandler {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(1001px);
	overflow: auto;
	z-index: 20001;
	display: none;
}

:-webkit-full-screen body, :-moz-full-screen body, :-ms-fullscreen body {
	/* properties */
	width: 100vw;
	height: 100vh;
}

:full-screen body {
	/*pre-spec */
	/* properties */
	width: 100vw;
	height: 100vh;
}

:fullscreen body {
	/* spec */
	/* properties */
	width: 100vw;
	height: 100vh;
}

/* deeper elements */

:-webkit-full-screen body {
	width: 100vw;
	height: 100vh;
}