/* template
@-webkit-keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}*/

/** ------------- ROUND KEYFRAMES -----------------------------------*/
@-webkit-keyframes round {
	0%   { -webkit-transform: rotate(0deg); }
	50%   { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes round {
	0%   { -moz-transform: rotate(0deg); }
	50%   { -moz-transform: rotate(180deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes round {
	0%   { -o-transform: rotate(0deg); }
	50%   { -o-transform: rotate(180deg); }
	100% { -o-transform: rotate(360deg); }
}
@keyframes round {
	0%   { transform: rotate(0deg); }
	50%   { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

.round {
	-webkit-animation: round 1s linear infinite;
	-moz-animation: round 1s linear infinite;
	-ms-animation: round 1s linear infinite;
	-o-animation: round 1s linear infinite;
	animation: round 1s linear infinite;
}

/** ------------- RIPPLE KEYFRAMES -----------------------------------*/
@-webkit-keyframes ripple {
	100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
	100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
	100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
	100% {opacity: 0; transform: scale(2.5);}
}

.ink {
	display: block; position: absolute;
	background: hsl(180, 40%, 80%);
	border-radius: 100%;
	transform: scale(0);
}
/*animation effect*/
.ink.animate {animation: ripple 0.65s linear;}


/* Liked */
@-webkit-keyframes liked{
	0%{ -webkit-transform: scale(1); }
	14%{ -webkit-transform: scale(1.3); }
	28%{ -webkit-transform: scale(1); }
	42%{ -webkit-transform: scale(1.3); }
	70%{ -webkit-transform: scale(1); }
}

@-moz-keyframes liked{
	0%{ -moz-transform: scale(1); }
	14%{ -moz-transform: scale(1.3); }
	28%{ -moz-transform: scale(1); }
	42%{ -moz-transform: scale(1.3); }
	70%{ -moz-transform: scale(1); }
}

@-o-keyframes liked{
	0%{ -o-transform: scale(1); }
	14%{ -o-transform: scale(1.3); }
	28%{ -o-transform: scale(1); }
	42%{ -o-transform: scale(1.3); }
	70%{ -o-transform: scale(1); }
}

@-ms-keyframes liked{
	0%{ -ms-transform: scale(1); }
	14%{ -ms-transform: scale(1.3); }
	28%{-ms-transform: scale(1); }
	42%{ -ms-transform: scale(1.3); }
	70%{-ms-transform: scale(1); }
}

@keyframes liked{
	0%{transform: scale(1); }
	14%{ transform: scale(1.3); }
	28%{ transform: scale(1); }
	42%{ transform: scale(1.3); }
	70%{ transform: scale(1); }
}