@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');

body {
	overflow:hidden;
	padding:0px;
	margin:0px;
}


body	{
	overflow:hidden;
}

#canvasHolder {
	display: none;
	position: absolute;
	margin: 0 auto;
	left: 50%;
    transform: translate(-50%, 0%);
    transform-origin: center center;
}

#canvasbkgd{
	margin:0 auto;
	position: absolute;
	z-index: 0;
}

#canvasbkgd1{
	top:0;
	left:0;
	z-index: -2;
	position: absolute;
	width:100%;
	visibility: hidden;
}
#canvasbkgd2{
	top:0;
	left:0;
	z-index: -2;
	position: absolute;
	width:100%;
	visibility: hidden;
}

#message {
	display: none;
}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
	#message {
		display: block;
		width:100%;
		height:100%;
		margin:0;
	}
	
	#text {
		margin: auto;
		font-size: 34px;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#message {
		display: block;
		width:100%;
		height:100%;
		margin:0;
	}
	
	#text {
		margin: auto;
		font-size: 34px;
	}
}