@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes arrow{
  0% {
    right: -90px
  }
  100% {
    right: -130px

  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0;
  }
  50% {
    width: 320px;
  }
  100% {
    width: 0;
  }
}
@keyframes txt_blink{
  0% {
    opacity:1;
  }
  55% {
    opacity:.5;
  }
  60% {
    opacity:1;
  }
  70% {
    opacity:0;
  }
  80% {
    opacity:1;
  }
  90% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


@keyframes leaf_up{
  0% {
    bottom:-114px;
    opacity:0;
  }
  70% {
    bottom:-17px;
    opacity:0;
  }
  100% {
    bottom:0;
    opacity:1;
  }
}

@keyframes water_drop{
  0% {
    opacity:0;
    width:0;
  }
  100% {
    width:89px;
    opacity:1;
  }
}
@keyframes twinkle{
  0% {
    opacity:0;
    transform:scale(0);
  }
  50% {
    opacity:1;
  }
  100% {
    transform:scale(1);
    opacity:0;
  }
}

@keyframes h_move01{
  0% {
    right:0;
    top:150px;
  }
  100% {
    top:150px;
    right:-300px;
  }
}
@keyframes h_move02{
  0% {
    top:100px;
    left:0;
  }
  100% {
    top:400px;
    left:-420px
  }
}
@keyframes h_move03{
  0% {
    top:200px;
    left:0;
  }
  100% {
    top:200px;
    left:-200px
  }
}
@keyframes event_end{
  0% {
    opacity:0;
  }
  49% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  99% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}


@keyframes radum_move1{
  0% {

  }
  10% {
    top: 51px;
    left: 46px;
  }
  20% {
    top: 311px;
    left: 346px;
  }
  30% {
    top: 311px;
    left: 33px;
  }
  40% {
    top: 45px;
    left: 323px;
  }
  50% {
    top: 337px;
    left: 323px;
  }
  60% {
    top: 147px;
    left: -7px;
  }
  70% {
    top: 147px;
    left: 383px;
  }
  80% {
    top: 357px;
    left: 213px;
  }
  90% {
    top: -3px;
    left: 153px;
  }
  100% {
    top: 347px;
    left: 313px;
  }
}



@keyframes radum_move2{
  0% {

  }
  10% {
    top: 311px;
    left: 346px;

  }
  20% {
    top: 51px;
    left: 46px;
  }
  30% {
    top: 311px;
    left: 33px;
  }
  40% {
    top: 337px;
    left: 323px;
  }
  50% {
    top: 45px;
    left: 323px;

  }
  60% {
    top: 147px;
    left: 383px;

  }
  70% {
    top: 147px;
    left: -7px;
  }
  80% {
    top: -3px;
    left: 153px;

  }
  90% {
    top: 357px;
    left: 213px;
  }
  100% {
    top: 347px;
    left: 113px;
  }
}



@keyframes radum_move3{
  0% {

  }
  10% {
    top: 45px;
    left: 323px;
  }
  20% {
    top: 311px;
    left: 346px;
  }
  30% {
    top: 51px;
    left: 46px;
  }
  40% {
    top: 337px;
    left: 323px;
  }
  50% {
    top: 311px;
    left: 33px;
  }
  60% {
    top: 147px;
    left: -7px;
  }
  70% {
    top: -3px;
    left: 153px;

  }
  80% {
    top: 357px;
    left: 213px;
  }
  90% {
    top: 147px;
    left: 383px;
  }
  100% {
    top: 347px;
    left: 250px;
  }
}

@keyframes radum_move4{
  0% {

  }
  10% {
    top: 336px;
    left: 317px;
  }
  20% {
    top: 46px;
    left: 57px;
  }
  30% {
    top: 333px;
    left: 327px;
  }
  40% {
    top: 223px;
    left: -6px;
  }
  50% {
    top: 153px;
    left: 384px;
  }
  60% {
    top: 63px;
    left: 38px;
  }
  70% {
    top: 363px;
    left: 268px;
  }
  80% {
    top: -5px;
    left: 148px;
  }
  90% {
    top: 45px;
    left: 325px;
  }
  100% {
    top: 355px;
    left: 138px;
  }
}

@keyframes radum_move5{
  0% {

  }
  10% {
    top: 223px;
    left: -6px;
  }
  20% {
    top: 333px;
    left: 327px;

  }
  30% {
    top: 46px;
    left: 57px;
  }
  40% {
    top: 336px;
    left: 317px;
  }
  50% {
    top: 153px;
    left: 384px;
  }
  60% {
    top: 45px;
    left: 325px;

  }
  70% {
    top: -5px;
    left: 148px;
  }
  80% {
    top: 63px;
    left: 38px;
  }
  90% {
    top: 363px;
    left: 268px;
  }
  100% {
    top: 355px;
    left: 138px;
  }
}

@keyframes radum_move6{
  0% {

  }
  10% {
    top: 333px;
    left: 327px;

  }
  20% {
    top: 223px;
    left: -6px;

  }
  30% {
    top: 336px;
    left: 317px;
  }
  40% {
    top: 46px;
    left: 57px;
  }
  50% {
    top: 45px;
    left: 325px;
  }
  60% {
    top: 153px;
    left: 384px;
  }
  70% {
    top: 63px;
    left: 38px;
  }
  80% {
    top: -5px;
    left: 148px;
  }
  90% {
    top: 263px;
    left: 268px;
  }
  100% {
    top: 355px;
    left: 138px;
  }
}


@keyframes radum_move7{
  0% {

  }
  10% {
    top: 153px;
    left: 384px;


  }
  20% {

    top: 45px;
    left: 325px;
  }
  30% {
    top: 46px;
    left: 57px;

  }
  40% {
    top: 336px;
    left: 317px;
  }
  50% {
    top: 223px;
    left: -6px;
  }
  60% {
    top: 333px;
    left: 327px;
  }
  70% {
    top: 63px;
    left: 38px;
  }
  80% {
    top: 263px;
    left: 268px;

  }
  90% {
    top: -5px;
    left: 148px;
  }
  100% {
    top: 355px;
    left: 138px;
  }
}

@keyframes radum_move8{
  0% {

  }
  10% {
    top: 223px;
    left: -6px;

  }
  20% {
    top: 153px;
    left: 384px;


  }
  30% {

    top: 45px;
    left: 325px;
  }
  40% {
    top: 333px;
    left: 327px;
  }
  50% {
    top: 46px;
    left: 57px;
  }
  60% {
    top: 336px;
    left: 317px;

  }
  70% {
    top: -5px;
    left: 148px;

  }
  80% {

    top: 63px;
    left: 38px;
  }
  90% {
    top: 263px;
    left: 268px;
  }
  100% {
    top: 355px;
    left:338px;
  }
}


@keyframes radum_move9{
  0% {

  }
  10% {
    top: 263px;
    left: 268px;
  }
  20% {
    top: 45px;
    left: 325px;
  }
  30% {
    top: 223px;
    left: -6px;

  }
  40% {
    top: 333px;
    left: 327px;
  }
  50% {
    top: 153px;
    left: 384px;
  }
  60% {
    top: 63px;
    left: 38px;
  }
  70% {
    top: 336px;
    left: 317px;
  }
  80% {
    top: -5px;
    left: 148px;
  }
  90% {
    top: 46px;
    left: 57px;
  }
  100% {
    top: 355px;
    left:338px;
  }
}


@keyframes radum_move10{
  0% {

  }
  10% {

    top: 153px;
    left: 384px;
  }
  20% {
    top: 223px;
    left: -6px;
  }
  30% {
    top: 45px;
    left: 325px;
  }
  40% {
    top: 46px;
    left: 57px;
  }
  50% {
    top: 333px;
    left: 327px;

  }
  60% {
    top: -5px;
    left: 148px;


  }
  70% {

    top: 63px;
    left: 38px;
  }
  80% {
    top: 263px;
    left: 268px;


  }
  90% {
    top: 336px;
    left: 317px;
  }
  100% {
    top: 355px;
    left:170px;
  }
}


@keyframes rotate{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ball_selected{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: 450px;
    opacity:1;
  }
}
@keyframes ball_selected1{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: 450px;
    opacity:1;
  }
}
@keyframes ball_selected2{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: 330px;
    opacity:1;
  }
}
@keyframes ball_selected3{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: 210px;
    opacity:1;
  }
}
@keyframes ball_selected4{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: 90px;
    opacity:1;
  }
}
@keyframes ball_selected5{
  0% {
    top: -150px;
    left:0;
  }
  10% {
    top: 0;
    left: 0;
  }
  95% {
    opacity:1;
  }
  100% {
    top: 0;
    left: -30px;
    opacity:1;
  }
}