@font-face {
    font-family: 'Open Sans';
    src: url('../../img/OpenSans.ttf');
}

body {
	margin:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:cover;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	color:#000;
}

#canvas-container {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#fff;
	overflow:hidden;
	color:#000;
	transition:opacity 0.3s;
}

#hall {
	position:absolute;
	top:20px;
	left:180px;
	right:180px;
	height:480px;
	z-index:1;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url('img/hall.png');
}

#stick {
	position:absolute;
	bottom:100px;
	left:200px;
	z-index:2;
	width:50px;
	height:150px;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url('img/stick.png');
}

#bubble {
	position:absolute;
	bottom:300px;
	left:250px;
	width:250px;
	height:100px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom left;
	transition:opacity 0.8s;
}

#kranz-container {
	position:absolute;
	z-index:2;
	width:200px;
	height:200px;
	transition:bottom 5s, right 5s;
}

#kranz-container div {
	position:absolute;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
}

#kranz {
	z-index:1;
	background-image:url('img/ak.png');
	transition:opacity 0.3s;
}

#kranz-f {
	z-index:2;
	background-image:url('img/ak-f.png');
	opacity:0;
	transition:opacity 0.3s;
}

#fire {
	z-index:2;
	left:90px;
	bottom:50px;
	background-image:url('img/fire.png');
	opacity:0;
	transition:opacity 0.3s;
}

#spell {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	width:600px;
	height:600px;
	margin:-300px 0px 0px -300px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	transition:opacity 0.5s;	
}

#text-container {
	position:absolute;
	top:150px;
	left:50%;
	z-index:9;
	max-width:50%;
	text-align:center;
	transform:translateX(-50%);
	transition:opacity 0.8s;
}

#text-container img {
	max-width:100%;
	max-height:70px;
}