@font-face {
    font-family: 'fairy';
    src: url('../fonts/FaerytaleWoods.ttf') format('ttf'),
	url('../fonts/FaerytaleWoods.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NeugotischeInitialen';
    src: url('../fonts/NeugotischeInitialen.ttf') format('ttf'),
	url('../fonts/NeugotischeInitialen.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'icon';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'script';
    src: url('../fonts/MarckScript-Regular.woff2') format('woff2'),
         url('../fonts/MarckScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open-bold';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
         url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	overflow: hidden;
	background-color: transparent;
}
#container{
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
}
canvas {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
	max-width: 100%; max-height: 100%;
	 -ms-transform: scale(.9, .9); 
}
#fx.loading {
 	background-image: url('../img/load.png');
	 background-repeat: no-repeat;
	 background-position: center;
	 position:absolute;
	 top:0;
	 bottom:0;
	 left:0;
	 right:0;
	 background: rgb(255,240,206);
	 background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(255,219,132,1) 47%, rgba(254,248,234,1) 100%);
}
#main{
 	/*background-image: url('../img/backgrounds/starbackground.jpg');*/
	background-color: #222;
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.gamecanvas { z-index: 1; }
.container canvas {
	z-index: 2;
}