/*  ################################################################

  UI & UX BY - cyberName@ neeldevX

################################################################# */ 


.heartx {
	color: #e81328;
	animation: beat .60s infinite alternate;
	transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.2); }
}

/* we are using prefix free for this example

for prefixed code it would look like this


body {
	text-align: center;
}


.heart {
	font-size: 150px;
	color: #e00;

	-webkit-animation: beat .25s infinite alternate;
	-moz-animation: beat .25s infinite alternate;
	-ms-animation: beat .25s infinite alternate;
	-o-animation: beat .25s infinite alternate;
	animation: beat .25s infinite alternate;

	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}


@keyframes "beat" {
 to {
    -webkit-transform: scale(1.4);
   	-moz-transform: scale(1.4);
   	-o-transform: scale(1.4);
   	-ms-transform: scale(1.4);
   	transform: scale(1.4);
 }

}

@-moz-keyframes beat {
 to {
   -moz-transform: scale(1.4);
   transform: scale(1.4);
 }

}

@-webkit-keyframes "beat" {
 to {
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
 }

}

@-ms-keyframes "beat" {
 to {
   -ms-transform: scale(1.4);
   transform: scale(1.4);
 }

}

@-o-keyframes "beat" {
 to {
   -o-transform: scale(1.4);
   transform: scale(1.4);
 }

} */

.heartxx {
    color:#ff2929;
    
    font-size:16px;
    
    -webkit-animation:animateHeart 2.5s infinite;
    -moz-animation:animateHeart 2.5s infinite;
    animation:animateHeart 2.5s infinite
}

@-webkit-keyframes animateHeart{0%{-webkit-transform:scale(1)}5%{-webkit-transform:scale(1.2)}10%{-webkit-transform:scale(1.1)}15%{-webkit-transform:scale(1.25)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1)}}@keyframes animateHeart{0%{transform:scale(1)}5%{transform:scale(1.2)}10%{transform:scale(1.1)}15%{transform:scale(1.25)}50%{transform:scale(1)}100%{transform:scale(1)}}