@keyframes love-meter-1 {
	0%   {font-size: 0.8em;}
    15%   {font-size: 1.4em;}
	30%   {font-size: 1.2em;}
	45%   {font-size: 1.3em;}
    60% {font-size: 1.2em;}
	100% {font-size: 1.1em;}
}

@keyframes love-meter-2 {
    0% {font-size: 1.7em;}
    100% {font-size: 1.2em;}
}

@keyframes love-meter-3 {
    0% {padding-top: 0px; padding-left: 1px; font-size: 1.8em;}
	10% {padding-top: 5px; padding-right: 3px;}
	20% {padding-bottom: 3px; padding-left: 2px;}
    30% {padding-top: 2px; padding-right: 1px;}
    40% {padding-bottom: 1px; padding-left: 4px;}
	50% {padding-top: 2px; padding-right: 2px;}
    60% {padding-bottom: 4px; padding-left: 3px;}
    70% {padding-top: 1px; padding-right: 2px;}
    80% {padding-bottom: 3px; padding-left: 3px;}
    90% {padding-top: 0px; padding-right: 5px;}
    100% {padding-bottom: 2px; padding-left: 1px; font-size: 1.4em;}
}

table {
	width:100%;
}

td {
	height:50px;
	width:50px;
	text-align:center;
	vertical-align:middle;
}

.love-meter-0 {
	color: #d00;
	padding: 0px;
	font-size:1em;
	color:#ccc;
}

.love-meter-1 {
	color: #f66;
	animation-name: love-meter-1;
    animation-duration: 1s;
	animation-iteration-count: infinite;
}

.love-meter-2 {
	text-shadow: 2px 2px rgba(255, 0, 0, 0.3);
	color: #f11;
	animation-name: love-meter-2;
    animation-duration: 0.4s;
	animation-iteration-count: infinite;
}

.love-meter-3 {
	color: #d00;
	animation-name: love-meter-3;
    animation-duration: 0.25s;
	animation-iteration-count: infinite;
}