#preloader {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	background-color: #1C7CDB;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 100;
	margin-top: 0px;
	top: 0;
	left: 0;
}
.preloader__logo {
	width: 120px;
	margin-bottom: 10px;
	animation: zoom-in-zoom-out 2s ease infinite;
}
.preloader__img {
	width: 60px;

}

@keyframes zoom-in-zoom-out {
  	0% {
    	transform: scale(1, 1);
  	}
  	50% {
    	transform: scale(1.2, 1.2);
  	}
  	100% {
    	transform: scale(1, 1);
  	}
}

.preloader__loading {
	display: none;
	padding: 20px;
	border-radius: 50%;
	animation: rotate 0.7s linear infinite;
	background: linear-gradient(#1C7CDB 0%, #FFDD22 53%);
}

.preloader__loading::after {
	content: " ";
	background: #1C7CDB;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	margin: 2px;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);	
	}
}