/* Template - CSS */

/* The State of Queensland (Department of Education and Training) */

body {
	margin: 0px;
	background: white;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

#animation_container {
	width: 760px;
	height: 420px;
	margin: 0px auto;
}

#canvas {
	position: absolute;
	display: block;
}

#dom_overlay_container {
	pointer-events: none;
	overflow: hidden;
	width: 760px;
	height: 420px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

#start_screen {
	width: 760px;
	height: 420px;
	margin: 0px auto;
	background-image: url(../assets/images/bg.svg);
	background-size: contain;
}

#loader {
	/* background-image: url(../assets/images/loader.gif); */
	width: 63px;
	height: 63px;
	position: relative;
	top: 260px;
	left: 358px;
	display: none;
}

#playButton {
	width: 116px;
    height: 48px;
	/* background-image: url(../assets/images/playButton.svg); */
	background-size: contain;
	position: relative;
	top: 354px;
    left: 594px;
	cursor: pointer;
}

body:not(.IsTouch) #playButton:hover {
	background-color: white;
	opacity: 0.5;
}

footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 760px;
    /* margin: auto;
    text-align: center; */
	cursor: default;
    -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
	cursor: default;
}