body{
	background: #fff;
	padding:0px;
	margin:0px;
}

canvas{
	display:block;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@font-face {
  font-family: 'DyslexieKids-Regular';
  src: url(../fonts/DyslexieKids-Regular.woff) format('woff'),
       url(../fonts/DyslexieKids-Regular.woff2) format('woff2');
}

#background{
	position: absolute;
	background-image: url("../imgs/background.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center; 
	width: 100vw;
	height: 100vh;
}

#foreground{
	position: absolute;
	top: 50vh;
	background-image: url("../imgs/foreground.png");
	background-repeat: no-repeat;
	background-size:cover;
	width: 100vw;
	height: 50vh;
	z-index: 1;
	pointer-events: none;
}