@font-face {
	font-family: "Fry-Pro";

	src: url(./assets/fonts/511d5300201c91860b2bb373dd625d74.otf) format("opentype"), 
	  url(./assets/fonts/87d561ad42f2c2c08859c81edc863f18.ttf) format("truetype"), 
	  url(./assets/fonts/3c4b46d1e69f7358de05a168bdb415e3.woff) format("woff"), 
	  url(./assets/fonts/e16faec36e1e79a41e90f0a1a4759ca6.woff2) format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PeaceSans";

	src: url(./assets/fonts/47d78bcdc2a147625d436332f95194bf.otf) format("opentype"), 
	  url(./assets/fonts/6ac3d42535e713f7bad31ca633741b2a.ttf) format("truetype"), 
	  url(./assets/fonts/d36841d78e33c8e0452dc284376e3efd.woff) format("woff"), 
	  url(./assets/fonts/c7dc26db6f2a0e7f5c8627acf0f9ea11.woff2) format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

html {
	touch-action: none;
}
body, canvas, div {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    overflow-x: hidden;
    height: 100vh;
    width: 100vw;
    background-color: #eeeeee;
}

canvas{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-overflow-scrolling: touch;
}