html, body
{
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:black;
	height:100%;
	position: relative;
	background-color:black;
}

#loading
{
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	color:white;
	
}

.lds-ring 
{
	margin-top:-32px;
	margin-left:-32px;
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-ring div 
{
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) 
{
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) 
{
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) 
{
    animation-delay: -0.15s;
}
@keyframes lds-ring 
{
  0% 
  {
    transform: rotate(0deg);
  }
  100% 
{
    transform: rotate(360deg);
  }
}


.backgrounds
{
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:0;
}

canvas 
{ 
	top:0px;
	position: absolute;
	overflow-Y:scroll; 
	padding:0;
	z-index:5;
}

.border
{
	position: absolute;
	z-index:10;
	background-color:black;
}

.top 
{
	top:0px;
	width: 100%;
}

.bottom
{
	bottom:0px;
	width: 100%;
}

.left 
{
	left:0px;
	height: 100%;
	top:0px;
}

.right
{
	right:0px;
	height: 100%;
	top:0px;
}