body {
    margin: 0px 0px 1px 0px; /* the extra 1px allows the iOS inner/outer check to work */
	background: #FA1E41;
	font-family:  'Sharp Grotesk';
	font-weight: bold;
}

#orientation {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/gui/orientation.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(0, 0, 0);
    z-index: 999;
    display: none;
}

@font-face {
	font-family: 'Sharp Grotesk';
	src: url('sharpgroteskmedium20-woff2-data.woff2') format('woff'),
		url('sharpgroteskmedium20-ttf-data.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Sharp Grotesk Medium 25';
	src: url('sharpgroteskmedium25-woff2-data.woff2') format('woff'),
		url('sharpgroteskmedium25-ttf-data.ttf')  format('truetype')
	font-weight: bold;
	font-style: normal;
}

.fontLoader {
	position: absolute;
	left: -1000px;
	visibility: hidden;
 }