* {
		box-sizing: border-box;
	}

	body {
		height: 100vh;
		width: 100vw;
		margin: 0;
	}

	#body {
		height: 100vh;
		width: 100vw;
	}

	canvas {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cover-loading{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		/*z-index: 100;*/
		background: #00000040;
	}

	.loading {
		display: inline-block;
		position: absolute;
		width: 80px;
		height: 80px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.loading:after {
		content: " ";
		display: block;
		border-radius: 50%;
		width: 0;
		height: 0;
		margin: 8px;
		box-sizing: border-box;
		border: 32px solid #fff;
		border-color: #fff transparent #fff transparent;
		animation: loading 1.2s infinite;
	}

	@keyframes loading {
		0% {
			transform: rotate(0);
			animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		}

		50% {
			transform: rotate(900deg);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		100% {
			transform: rotate(1800deg);
		}
	}