.preloader{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #111;
    z-index: 100;
}

.landing-loader {
  	width: 15px;
  	aspect-ratio: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.landing-loader::before,
.landing-loader::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: #ccff00;
}

.landing-loader::before {
	box-shadow: -25px 0 #ccff006e;
	animation: l8-1 1s infinite linear;
}

.landing-loader::after {
	transform: rotate(0deg) translateX(25px);
	animation: l8-2 1s infinite linear;
}

@keyframes l8-1 {
    100%{transform: translateX(25px)}
}

@keyframes l8-2 {
    100%{transform: rotate(-180deg) translateX(25px)}
}