/* "/nsfz-assets/css/Decal.css" */

#videoContainer {
	position: relative;
	top: 0;
	left: 0;
}

#loadingDecal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	pointer-events: none;
	z-index: 20;
	animation: orbit 3s linear infinite;
}

#loadingDecal h1 {
	font-size: 12.7vmin;
	color: white;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	animation: pulse 2s infinite ease-in-out, rock 1s infinite ease-in-out;
	margin: 0;
}

@keyframes pulse {
	0%, 100% {
		opacity: 0.35;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
}

@keyframes rock {
	0%	 { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes orbit {
	0%	 { transform: translate(-50%, -50%) translateX(20vw) translateY(-10vh); }
	25%	{ transform: translate(-50%, -50%) translateX(20vw) translateY(10vh); }
	50%	{ transform: translate(-50%, -50%) translateX(-20vw) translateY(10vh); }
	75%	{ transform: translate(-50%, -50%) translateX(-20vw) translateY(-10vh); }
	100% { transform: translate(-50%, -50%) translateX(20vw) translateY(-10vh); }
}