body {
	margin: 0;
	background: #cbcfdd;
	overflow: hidden;
}

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

	background: #DDE2ED;
}

#tutorial {
	display: none;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;

	width: 800px;
	height: 480px;
	background-image: url("../images/tutorial.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#win {
	display: none;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;

	width: 800px;
	height: 480px;
	background-image: url("../images/win.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#enterContinue {
	display: none;

	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 2;

	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 22px;
	color: #616161;

	background-color: #DDE2ED;
	border-radius: 5px;
	padding: 3px;
}
#winText {
	display: none;

	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 2;

	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #353535;

	background-color: #DDE2ED;
	border-radius: 5px;
	padding: 3px;
}
#enterContinue.active, #tutorial.active, #win.active, #winText.active {
	display: block;
}