.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-black-900);
	z-index: 100;
}
  
.loader {
	border: 1.6rem solid var(--bg-shape);
	border-top: 1.6rem solid var(--skin-color) ;
	border-radius: 50%;
	width: 12rem;
	height: 12rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6.0rem;
	margin-left: -6.0rem;
	animation: spin 3.35s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
		opacity: 1;
	}
	
	50% {
		transform: rotate(90deg);
		opacity:1;
	}
	
	75% {
		transform: rotate(180deg);
		opacity:1;
	}
	100% {
		transform: rotate(360deg);
		opacity: 0;
	}
}