html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;

	background: transparent;
	color: white;
}

html, body, canvas {
	touch-action: none;
	touch-action-delay: none;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('fonts/opensans-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'OpenSans-ExtraBold';
	src: url('fonts/opensans-extrabold.ttf') format('truetype');
}

@font-face {
	font-family: 'OpenSans-Light';
	src: url('fonts/opensans-light.ttf') format('truetype');
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('fonts/opensans-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Marker Felt';
	src: url('fonts/marker felt.ttf') format('truetype');
}
canvas{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}