.loader-container{
	width: 100%;
	height: 100vh;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader{
	width: 50px;
	height: 50px;
	border:5px solid;
	color: #3498db;
	border-radius: 50%;
	border-top-color: transparent;
	animation: loader 2s infinite;
}
@keyframes loader{
	25%{
		color:#2ecc71;
	}
	25%{
		color:#f1c40f;
	}
	25%{
		color:#e74c3c;
	}

	

	to{
	transform: rotate(360deg);
	}
}