.loading-container {
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loading {
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid #333;
	width: 35px;
	height: 35px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

#root {
  width: 100%; 
  height: 100%; 
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

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