/* dosis-300 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/dosis-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Dosis Light'), local('Dosis-Light'),
       url('../fonts/dosis-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v6-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-300 - latin */
/*
@font-face {
  font-family: 'NotoSans';
  font-style: bold;
  font-weight: 400;
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
} */

* { margin: 0; padding: 0;}

body, html {
	width:100%;
	height:100%;
	font-family: 'Dosis', sans-serif;
	cursor:crosshair;
  text-align: center;
  /*background-color: #333;*/
}

body.controller {
  cursor:none !important;
}

body.mouse-over {
  cursor:pointer;
}

canvas {
	/*position:absolute;*/
	/*width:100%;*/
	/*height:100%;*/
	display:block;
  margin: auto;
  /*display:inline-block;*/
}

p#loading-message {
  font-size: 32px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}