.animar
{
  animation-duration: 1s;
    animation-name: aumentar;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: aumentar;
  -webkit-animation-iteration-count: infinite;
}

@keyframes aumentar{
  50% { transform: scale(1.2);}
  100% {transform: scale(1);}
}

@-webkit-keyframes aumentar{
  50% { transform: scale(1.2);}
  100% {transform: scale(1);}
}
#globo1{
color:white;
font-size:26pt;
position:absolute;
top:140px;
left:559px;
width:685px;
font-family:Myriad-Pro;
text-align:justify;
}
#globo2{
color:white;
font-size:26pt;
position:absolute;
top:145px;
left:559px;
width:685px;
font-family:Myriad-Pro;
text-align:justify;
}
#gatito{
	position:absolute;
	top:420px;
	left:370px;
	opacity:1;
}
.rodando2 {
	-webkit-animation: rodando2 3s ease-in forwards;
	-moz-animation: rodando2 3s ease-in forwards;
    animation: rodando2 3s ease-in forwards;
}

@-webkit-keyframes rodando2{
	0% {top:370px; left:400px;}
	5% {opacity:1; top:370px; left:400px;}
	100% {opacity:1; top:390px; left:650px;}
}

@-moz-keyframes rodando2{
	0% {top:370px; left:400px;}
	5% {opacity:1; top:370px; left:400px;}
	100% {opacity:1; top:390px; left:650px;}
}

@keyframes rodando2{
	0% {top:370px; left:400px;}
	5% {opacity:1; top:370px; left:400px;}
	100% {opacity:1; top:390px; left:650px;}
}