@font-face {
    font-family: 'aaarghnormal';
    src: url('../assets/fonts/Aaargh-webfont.eot');
	src: url('../assets/fonts/Aaargh-webfont.eot#iefix') format('embedded-opentype'),
		 url('../assets/fonts/Aaargh-webfont.woff') format('woff'),
		 url('../assets/fonts/Aaargh-webfont.ttf') format('truetype'),
         url('../assets/fonts/Aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-family: "aaarghnormal", Helvetica, "Trebuchet MS", sans-serif;
	text-align:center;
	margin:auto;
	color:#FFF;
	background-color:#010101;
	overflow:hidden;
}

#ui_wrapper {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
    user-select: none;
}

#loading_gif {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:3;
}

canvas {
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
}