
@keyframes camera {
  0% {
    transform: translateZ(-1px) scale(1);
    opacity:0;
  }
  1% {
    transform: translateZ(-1px) scale(1);
    opacity:1;
  }
  2% {
    transform: translateZ(-1px) scale(1.5);
    opacity:1;
  }
  30% {
    transform: translateZ(-1px) scale(1.5);
    opacity:0;
  }
  100% {
    transform: translateZ(-1px) scale(1);
    opacity:0;
  }
}
@keyframes light01 {
  0% {
    transform:rotateZ(0deg);
  }
  25% {
    transform:rotateZ(-24deg);
  }
  50% {
    transform:rotateZ(0deg);
  }
  75% {
    transform:rotateZ(36deg);
  }
  100% {
    transform:rotateZ(0deg);
  }
}
@keyframes light02 {
  0% {
    transform:rotateZ(0deg);
  }
  50% {
    transform:rotateZ(60deg);
  }
  100% {
    transform:rotateZ(0deg);
  }
}
@keyframes light03 {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes light04 {
  0% {
    transform:rotateZ(30deg);
  }
  50% {
    transform:rotateZ(80deg);
  }
  100% {
    transform:rotateZ(30deg);
  }
}
@keyframes music01 {
  0% {
    top: 50px;
    left:-30px;
    transform:scale(.5);
  }
  50% {
    top: 30px;
    left:-60px;
    transform:scale(1);
  }
  100% {
    top: 0;
    left:-90px;
    transform:scale(.5);
  }
}
@keyframes music02 {
  0% {
    top: 50px;
    left:130px;
    transform:scale(.5);
  }
  50% {
    top: 30px;
    left:160px;
    transform:scale(1);
  }
  100% {
    top: 20px;
    left:190px;
    transform:scale(.5);
  }
}@keyframes music03 {
  0% {
    top: 40px;
    left: 120px;
    transform:scale(.5);
  }
  50% {
    top: 15px;
    left:145px;
    transform:scale(1);
  }
  100% {
    top: 5px;
    left: 195px;
    transform:scale(.5);
  }
}
@keyframes cloud {
  0% {
    transform:scale(0);
  }
  70% {
    transform:scale(1);
  }
  100% {
    transform:scale(1);
  }
}
@keyframes moveTicker {
  0% {
    offset-distance: 100%;
  }
  100% {
    offset-distance: 0%;
  }
}
@keyframes clearGraph {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 500;
  }
}
@keyframes moveArrow01 {
  0% {
    offset-distance: 30%;
    transform:rotate(0deg);
  }

  100% {
    offset-distance: 82%;
    transform:rotate(41deg);
  }
}
@keyframes moveArrow02 {
  0% {
    offset-distance: 0%;
    transform:rotate(-30deg);
  }
  100% {
    offset-distance: 76%;
    transform:rotate(21deg);
  }
}
@keyframes moveArrow03 {
  0% {
    offset-distance: 0%;
    transform:rotate(-30deg);
  }

  100% {
    offset-distance: 46%;
    transform:rotate(28deg);
  }
}
@keyframes moveArrow04 {
  0% {
    offset-distance: 0%;
    transform:rotate(-30deg);
  }
  100% {
    offset-distance: 72%;
    transform:rotate(25deg);
  }
}
@keyframes drop_box {
  0% {
    top:-235px;
  }
  100% {
    top:525px;
  }
}
@keyframes arrow_zoom {
  0% {
    transform:scale(1);
  }
  50% {
    transform:scale(1.1);
  }
  100% {
    transform:scale(1);
  }
}
@keyframes pzoom {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes balloon01{
  0% {
    top:250px;
    left:-170px;
    opacity:1;
    transform:rotate(0deg);
  }
  20% {
    transform:rotate(5deg);
  }
  40% {
    transform:rotate(-15deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(6deg);
  }
  100% {
    top:-220px;
    left:70px;
    opacity:0;
    transform:rotate(-15deg);
  }
}

@keyframes balloon02{
  0% {
    bottom:0;
    right:43px;
    opacity:1;
    transform:scale(1) rotate(2deg);
  }
  20% {
    transform:rotate(0deg);
  }
  40% {
    transform:rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    bottom:200px;
    right:90px;
    opacity:0;
    transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon03{
  0% {
    top:307px;
    left:0;
    opacity:1;
    transform:scale(1) rotate(4deg);
  }
  20% {
    transform:rotate(0deg);
  }
  40% {
    transform:rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    top:100px;
    left:50px;
    opacity:0;
    transform:scale(.9) rotate(0deg);
  }
}

@keyframes balloon04{
  0% {
    top:109px;
    left:442px;
    opacity:1;
    transform:scale(.5) rotate(2deg);
  }
  20% {
    transform:scale(1) rotate(0deg);
  }
  40% {
    transform:scale(1) rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    top:0px;
    left:500px;
    opacity:0;
    transform:scale(1) rotate(0deg);
  }
}
@keyframes balloon05{
  0% {
    top:99px;
    right:34px;
    opacity:1;
    transform:scale(1) rotate(2deg);
  }
  20% {
    transform:scale(1) rotate(0deg);
  }
  40% {
    transform:scale(1) rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    top:0;
    right:-100px;
    opacity:0;
    transform:scale(1) rotate(0deg);
  }
}
@keyframes balloon06{
  0% {
    top:250px;
    left:1270px;
    opacity:1;
    transform:rotate(0deg);
  }
  20% {
    transform:rotate(5deg);
  }
  40% {
    transform:rotate(-15deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(6deg);
  }
  100% {
    top:-220px;
    left:1200px;
    opacity:0;
    transform:rotate(-15deg);
  }
}

@keyframes balloon07{
  0% {
    bottom:400px;
    left:300px;
    opacity:1;
    transform:scale(.5) rotate(2deg);
  }
  20% {
    transform:scale(.7) rotate(0deg);
  }
  40% {
    transform:scale(1) rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    bottom:1000px;
    left:100px;
    opacity:0;
    transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon08{
  0% {
    top:307px;
    left:1600px;
    opacity:1;
    transform:scale(1) rotate(4deg);
  }
  20% {
    transform:rotate(0deg);
  }
  40% {
    transform:rotate(-4deg);
  }
  60% {
    transform:rotate(0deg);
  }
  70% {
    opacity:1;
  }
  80% {
    transform:rotate(4deg);
  }
  100% {
    top:20px;
    left:1650px;
    opacity:0;
    transform:scale(.9) rotate(0deg);
  }
}