body {
		margin: 0;
		font-family: Futura, sans-serif;
	}

	#preloader {
		position: fixed;
		z-index: 1000000;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background: rgba(255, 255, 255, 0.8);
	}

	#preloader #loading-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		font-weight: bold;
		color: #222;
		z-index: 999;
	}

	#preloader .loading-circle {
		border-radius: 50%;
		position: absolute;
		width: 180px;
		height: 180px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0.1;
		filter: hue-rotate(600deg);
	}

	@keyframes spiral {
		0% {
			transform: translate(-50%, -50%) rotate(0deg) scale(1);
			opacity: 0.1;
		}

		30% {
			transform: translate(-50%, -50%) rotate(2turn) translateY(-150px) rotate(-2turn) scale(0.00001);
			opacity: 0.8;
			filter: hue-rotate(100deg);
		}

		99% {
			opacity: 1;
		}

		100% {
			transform: translate(-50%, -50%) rotate(5turn) translateY(450px) rotate(-5turn) scale(2);
			filter: hue-rotate(-600deg);
			opacity: 0;
		}
	}

	#preloader .loading-circle:nth-child(1) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.14s;
		background-color: darkorange;
	}

	#preloader .loading-circle:nth-child(2) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.28s;
		background-color: #ff4d00;
	}

	#preloader .loading-circle:nth-child(3) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.42s;
		background-color: #ff5100;
	}

	#preloader .loading-circle:nth-child(4) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.56s;
		background-color: #ff4800;
	}

	#preloader .loading-circle:nth-child(5) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.7s;
		background-color: #ff9900;
	}

	#preloader .loading-circle:nth-child(6) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.84s;
		background-color: #ff4400;
	}

	#preloader .loading-circle:nth-child(7) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 0.98s;
		background-color: #ff6200;
	}

	#preloader .loading-circle:nth-child(8) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.12s;
		background-color: #ffaa00;
	}

	#preloader .loading-circle:nth-child(9) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.26s;
		background-color: #ff0900;
	}

	#preloader .loading-circle:nth-child(10) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.4s;
		background-color: #ff9900;
	}

	#preloader .loading-circle:nth-child(11) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.54s;
		background-color: #ffaa00;
	}

	#preloader .loading-circle:nth-child(12) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.68s;
		background-color: #ff5100;
	}

	#preloader .loading-circle:nth-child(13) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.82s;
		background-color: #ff3700;
	}

	#preloader .loading-circle:nth-child(14) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 1.96s;
		background-color: #ff6600;
	}

	#preloader .loading-circle:nth-child(15) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.1s;
		background-color: #ffaa00;
	}

	#preloader .loading-circle:nth-child(16) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.24s;
		background-color: #ff8400;
	}

	#preloader .loading-circle:nth-child(17) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.38s;
		background-color: #ff4000;
	}

	#preloader .loading-circle:nth-child(18) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.52s;
		background-color: #ff6f00;
	}

	#preloader .loading-circle:nth-child(19) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.66s;
		background-color: #ff6f00;
	}

	#preloader .loading-circle:nth-child(20) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.8s;
		background-color: #ff0900;
	}

	#preloader .loading-circle:nth-child(21) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 2.94s;
		background-color: #ff9500;
	}

	#preloader .loading-circle:nth-child(22) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.08s;
		background-color: #ff4800;
	}

	#preloader .loading-circle:nth-child(23) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.22s;
		background-color: #ff9900;
	}

	#preloader .loading-circle:nth-child(24) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.36s;
		background-color: #ff7700;
	}

	#preloader .loading-circle:nth-child(25) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.5s;
		background-color: #ffa200;
	}

	#preloader .loading-circle:nth-child(26) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.64s;
		background-color: #ff9900;
	}

	#preloader .loading-circle:nth-child(27) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.78s;
		background-color: #ff7700;
	}

	#preloader .loading-circle:nth-child(28) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 3.92s;
		background-color: #ffa600;
	}

	#preloader .loading-circle:nth-child(29) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.06s;
		background-color: #ff8000;
	}

	#preloader .loading-circle:nth-child(30) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.2s;
		background-color: #ff3c00;
	}

	#preloader .loading-circle:nth-child(31) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.34s;
		background-color: #ff4800;
	}

	#preloader .loading-circle:nth-child(32) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.48s;
		background-color: #ff6f00;
	}

	#preloader .loading-circle:nth-child(33) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.62s;
		background-color: darkorange;
	}

	#preloader .loading-circle:nth-child(34) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.76s;
		background-color: #ff3700;
	}

	#preloader .loading-circle:nth-child(35) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 4.9s;
		background-color: #ff9d00;
	}

	#preloader .loading-circle:nth-child(36) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.04s;
		background-color: #ff8000;
	}

	#preloader .loading-circle:nth-child(37) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.18s;
		background-color: #ff3c00;
	}

	#preloader .loading-circle:nth-child(38) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.32s;
		background-color: #ff1500;
	}

	#preloader .loading-circle:nth-child(39) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.46s;
		background-color: #ff4400;
	}

	#preloader .loading-circle:nth-child(40) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.6s;
		background-color: #ff4d00;
	}

	#preloader .loading-circle:nth-child(41) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.74s;
		background-color: #ff5100;
	}

	#preloader .loading-circle:nth-child(42) {
		animation: spiral 30s ease-out infinite alternate;
		animation-delay: 5.88s;
		background-color: #ff1a00;
	}