html, body {
	background: #000;
	max-width: 1920px;
	max-height: 980px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif !important;
}

h1,h2,h3,p {
	font-family: 'Roboto', sans-serif !important;
}

#canvas {
	display:block;
}

.loading {
	width: 300px;
	position: absolute;
	z-index: 300;
	left: 960px;
	margin-left: -150px;
	top: 490px;
	margin-top: -80px;
	display: none;
}

.loading img {
	width: 100%;
	height: auto;
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
		10% { transform: scale(1.08); }
    20% { transform: scale(1); }
    30% { transform: scale(1.08); }
    40% { transform: scale(1); }
    50% { transform: scale(1.08); }
    60% { transform: scale(1); }
    70% { transform: scale(1.08); }
    80% { transform: scale(1); }
    90% { transform: scale(1.08); }
		100% { transform: scale(1); }
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 7000ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
