body {
	background-color: black;
	font-family: sans-serif;
	height: 100vh;
	margin: 0;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 100px;
}

.loader span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: blueviolet;
	border-radius: 50%;
	margin: 0 5px;

}

.loader span:nth-child(1) {
	animation: loading 1s infinite;
}
.loader span:nth-child(2) {
	animation: loading 1s 0.3333s infinite;
}
.loader span:nth-child(3) {
	animation: loading 1s 0.6666s infinite;
}

@keyframes loading {
	0% {
		transform: translateY(0px);
	}
	
	35% { 
		transform: translateY(-20px);
	}
	
	75% {
		transform: translateY(0px);
		
	}
}