@keyframes hide{
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@keyframes boom_heart01{
  0% {
    scale:0;
    opacity:1;
    bottom:0;
    left:-50px;
  }
  40% {
    opacity:1;
  }
  60% {
    scale:.4;
    opacity:0;

  }
  100% {
    scale:0;
    opacity:0;
    bottom:300px;
    left:-250px;
  }
}
@keyframes boom_heart02{
  0% {
    scale:0;
    opacity:1;
    bottom:0;
    left:-50px;
  }
  60% {
    opacity:1;
  }
  100% {
    scale:.6;
    opacity:0;
    bottom:400px;
    left:-90px;
  }
}

@keyframes boom_heart03{
  0% {
    scale:0;
    opacity:1;
    bottom:0;
    left:-50px;
  }
  60% {
    opacity:1;
  }
  100% {
    scale:.6;
    opacity:0;
    bottom:400px;
    left:30px;
  }
}

@keyframes boom_heart04{
  0% {
    scale:0;
    opacity:1;
    bottom:0;
    left:-50px;
  }
  60% {
    opacity:1;
  }
  100% {
    scale:.4;
    opacity:0;
    bottom:350px;
    left:155px;
  }
}