@CHARSET "UTF-8";

:root {
	--standardbackgroundcolor:255,255,255;
}

.darkMode { 
	--standardbackgroundcolor:37,40,47;
	
	#loadingText {
		filter: invert();
	}
}

body {
	background-color: rgb(var(--standardbackgroundcolor));
}

.dpLoadingDiv {
	width: 500px;
	height: 150px;
	z-index: 20001;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
}

#loadingText {
	height: 55%;
	padding-left: 6%;
	margin-top: 14%;
}

#loadingLogo {
	height: 55%;
	margin-top: 11%;
	float: left;
	-webkit-animation: rotation 3s infinite linear;
}

@media screen and (max-width: 1000px) and (orientation: landscape),
screen and (max-width: 768px) and (orientation: portrait) {
	.dpLoadingDiv {
		width: 300px;
		height: 85px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#loadingText {
		height: 65px;
		align-self: end;
		padding-left: unset;
		margin-top: unset;
	}

	#loadingLogo {
		height: 75px;
		margin-top: unset;
		float: unset;
	}
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}