/*------------------------------------*\
	ANIMACIONES
\*------------------------------------*/
.flotando {
  animation: float 3s ease-in-out infinite;
  /* transform-origin:0 0;*/
}

@keyframes float {
  0% {
    transform: translate(0, 90vh);
  }
  50% {
    transform: translate(0, 95vh);
  }
  100% {
    transform: translate(0, 90vh);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}
@-webkit-keyframes spreadout {
  0% {
    -webkit-transform: scale(0.3);
  }
  80% {
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes spreadout {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}