.preloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
.preloader .wave{
	width: 5px;
	height: 50px;
	background: var(--primary-color);
	margin: 0 5px;
	animation: wave 1s infinite linear;
}
.preloader .wave:nth-child(1){animation-delay: 0s; }
.preloader .wave:nth-child(2){animation-delay: 0.1s; }
.preloader .wave:nth-child(3){animation-delay: 0.2s; }
.preloader .wave:nth-child(4){animation-delay: 0.3s; }
.preloader .wave:nth-child(5){animation-delay: 00.4s; }

@keyframes wave {
	0%, 10% {height: 10px; }
	50% {height: 50px; }
}