* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'VAGRoundedBold';
	src:  url('fonts/VAG-Rounded-Bold.woff2') format('woff2'),
	      url('fonts/VAG-Rounded-Bold.woff') format('woff'),
	      url('fonts/VAG-Rounded-Bold.ttf') format('truetype');
}

html {
	height: 100%;
}

body {
	font-family: 'VAGRoundedBold', Arial, sans-serif;
	text-align: center;
	background-color: #BF161B;
	min-height: 100%;
	height: 100%;
}

canvas {
	background-color: #BF161B;
	position: absolute;
	left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

#orientation-prompt {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #BF161B;
	visibility: hidden;
	z-index: 1; /* One above the canvas with the game (at 0) */
}

#orientation-prompt p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

	font-size: 50px;
	letter-spacing: 1px;
	color: white;
}