@charset "UTF-8";
/* CSS Document */
/*

██╗██╗  ██╗███████╗███╗   ██╗███████╗███████╗              
██║██║ ██╔╝██╔════╝████╗  ██║╚══███╔╝╚══███╔╝              
██║█████╔╝ █████╗  ██╔██╗ ██║  ███╔╝   ███╔╝               
██║██╔═██╗ ██╔══╝  ██║╚██╗██║ ███╔╝   ███╔╝                
██║██║  ██╗███████╗██║ ╚████║███████╗███████╗              
╚═╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═══╝╚══════╝╚══════╝              
                                                           
███████╗██╗   ██╗███╗   ██╗███████╗██████╗  █████╗ ██╗     
██╔════╝██║   ██║████╗  ██║██╔════╝██╔══██╗██╔══██╗██║     
█████╗  ██║   ██║██╔██╗ ██║█████╗  ██████╔╝███████║██║     
██╔══╝  ██║   ██║██║╚██╗██║██╔══╝  ██╔══██╗██╔══██║██║     
██║     ╚██████╔╝██║ ╚████║███████╗██║  ██║██║  ██║███████╗
╚═╝      ╚═════╝ ╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝

*/

html, body {
	margin: 0;
	padding: 0;
}

#loading {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: #212121;
	z-index: 9999;
}

#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@media (orientation: landscape) {
	#loading img {
		width: 20vh;
	}
}

@media (orientation: portrait) {
	#loading img {
		width: 35vw;
	}
}

#loading .pulsing {
	animation: Pulsing 3s 0s infinite normal forwards ease;
}

@keyframes Pulsing {
	0% {
		transform: translate(-50%,-50%) scale(0.8);
	}
	10% {
		transform: translate(-50%,-50%) scale(0.8);
	}
	50% {
		transform: translate(-50%,-50%) scale(1.0);
	}
	70% {
		transform: translate(-50%,-50%) scale(0.9);
	}
	80% {
		transform: translate(-50%,-50%) scale(1.0);
	}
	100% {
		transform: translate(-50%,-50%) scale(0.8);
	}
}

@keyframes Fading {
	0% {
		opacity: 1;
		margin-top: 0;
		width: 100vw;
		height: 100vh;
	}
	99% {
		opacity: 0;
		margin-top: 0;
		width: 100vw;
		height: 100vh;
	}
	100% {
		opacity: 0;
		margin-top: -200vh;
		width: 0;
		height: 0;
	}
}