body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
  }
  
  canvas {
	object-fit: contain;
	max-width: 100%;
	max-height: 100vh;
	margin: auto;
  }
  
  .loadingclass {
	width: 40px;
	height: 40px;
	margin: 100px auto;
	background-color: #333;
  
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
  }
  
  @-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
	  -webkit-transform: scale(1.0);
	  opacity: 0;
	}
  }
  
  @keyframes sk-scaleout {
	0% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	} 100% {
	  -webkit-transform: scale(1.0);
	  transform: scale(1.0);
	  opacity: 0;
	}
  }