.loading {
	display: flex;
	align-items: center;
	border-radius: 10px;
	background-color: yellow;
	animation-name: example;
	animation-iteration-count: infinite;
	animation-duration: 1s;	
	padding: 4px;
	padding: 5px;
	margin: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.hideElem {
	display: none;
}
@keyframes example {
	from {background-color: purple;}
	to {background-color: yellow;}
}

.fadeIn {
    animation-name: fadein;
    animation-iteration-count: 1;
    animation-duration: 0.5s;	
}
@keyframes fadein {
    from { opacity: 0.0;}
    to { opacity: 1.0;}
}

.zoomIn {
	animation-name: zoom;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}
@keyframes zoom {
	from { transform: scale(0.0) }
	to { transform: scale(1.0)}
}

.zoomOut {
	animation-name: zoomout;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}
@keyframes zoomout {
	from {transform: scale(1.0)}
	to {transform: scale(0.0)}
}