body {
	background-color: rgb(21,21,24);
	margin: 0;
	padding: 0;
}

.loading-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.logo {
	width: 960px;
	height: 540px;
	margin-bottom: 20px;
}

.loading-animation {
	position: relative;
	top: -225px; 
	border: 6px solid rgba(255, 255, 255, 0.3);
	border-top-color: rgb(0, 166, 208);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}