@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(-44deg);
  }
  50% {
    transform:rotateZ(0deg);
  }
  75% {
    transform:rotateZ(10deg);
  }
  100% {
    transform:rotateZ(0deg);
  }
}
@keyframes light02 {
  0% {
    transform:rotateZ(0deg);
  }
  50% {
    transform:rotateZ(50deg);
  }
  100% {
    transform:rotateZ(0deg);
  }
}
@keyframes light03 {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes light04 {
  0% {
    transform:rotateZ(0deg);
  }
  50% {
    transform:rotateZ(30deg);
  }
  100% {
    transform:rotateZ(0deg);
  }
}
@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: 410;
  }
}
@keyframes moveArrow01 {
  0% {
    offset-distance: 0%;
    transform:rotate(-55deg);
  }
  100% {
    offset-distance: 54%;
    transform:rotate(-32deg);
  }
}
@keyframes moveArrow02 {
  0% {
    offset-distance: 0%;
    transform:rotate(-55deg);
  }
  100% {
    offset-distance: 65%;
    transform:rotate(-27deg)
  }
}
@keyframes moveArrow03 {
  0% {
    offset-distance: 0%;
    transform:rotate(-55deg);
  }
  100% {
    offset-distance: 50%;
    transform:rotate(-20deg)
  }
}
@keyframes moveArrow04 {
  0% {
    offset-distance: 0%;
    transform:rotate(-55deg);
  }
  100% {
    offset-distance: 62%;
    transform:rotate(-13deg)
  }
}
@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% {
    top:300px;
    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% {
    top:200px;
    right:0px;
    opacity:0;
    transform:scale(.9) rotate(0deg);
  }
}
@keyframes balloon03{
  0% {
    bottom:300px;
    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% {
    bottom:500px;
    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% {
    bottom:0;
    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% {
    bottom:220px;
    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);
  }
}