body, html{
	margin:0;
    padding: 0;
    overflow: hidden;
	background-color: black;

}

.container{
	 position: relative;	
     width: 100%;
	 height:83;
 	}

.header{
	background-color: rgba(0, 0, 0, 0.5);
	z-index:1000;
	position: relative;	
   
    width: 100%;
    height: 83px;

}



.title{
	font-family: 'Ruthie', cursive;
	font-size:83px;
	color: white;
	position: absolute;
	padding-top: 15px;
	
	left:50%;
	transform: translateX(-50%);
	z-index:1000;
	animation: float 20s infinite;
	text-shadow: 0 0 3px #FFFFFF, 0 0 5px #002530;


	
}


.subtitle{
	font-family: 'Ruthie', cursive;
	font-size:15vw;
	color: white;
	position: absolute;
	padding-top: 15px;
	left:50%;
	transform: translateX(-50%);
	z-index:1000;
	animation: float 20s infinite;
	text-shadow: 0 0 3px #FFFFFF, 0 0 5px #002530;

}


@keyframes float {
	0% {
		transform:  translateX(-50%) translatey(0px);
	}
	50% {
		transform:  translateX(-50%) translatey(+10px);
	}
	100% {
		transform:  translateX(-50%) translatey(0px);
	}
}

#pixi-canvas-container {
    height: 100%;
    width: 100%;
	
	position: absolute;
	display: block;
	bottom: 0;
	left:0;
}