/* STEP 1 ANIMATION*/
/* RIGHT ARM OF THE MAN */
#right-arm {
  animation: right-arm 3s infinite;
  transform-origin: top;
}

@keyframes right-arm {
  0% {
    transform: rotate(0.8deg);
  }
  50% {
    transform: rotate(-2.5deg);
  }
  100% {
    transform: rotate(0.8deg);
  }
}
/* WATERING CAN */
#watering-can {
  animation: can 3s infinite;
  transform-origin: bottom;
}

@keyframes can {
  0% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(2.5deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
/* MONEY FLOWER */
.coins-right {
  animation: coins-right 4s infinite;
  transform-origin: bottom;
}

@keyframes coins-right {
  0% {
    transform: rotate(0.5deg);
  }
  50% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0.5deg);
  }
}
.coins-left {
  animation: coins-left 4s infinite;
  transform-origin: bottom;
}

@keyframes coins-left {
  0% {
    transform: rotate(-0.5deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-0.5deg);
  }
}
/* LIGHT */
#light-color {
  animation: light-color 4s infinite;
}

@keyframes light-color {
  0% {
    fill: #FFE4B4;
  }
  50% {
    fill: #FDC25B;
  }
  100% {
    fill: #FFE4B4;
  }
}
/* STEP 2 ANIMATION*/
#mic {
  animation: mic 4s infinite;
  transform-origin: top;
}

@keyframes mic {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
#hand-over {
  animation: hand-over 4s infinite;
  transform-origin: top;
}

@keyframes hand-over {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
#hand-under {
  animation: hand-under 4s infinite;
  transform-origin: top;
}

@keyframes hand-under {
  0% {
    transform: rotate(-0.5deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-0.5deg);
  }
}
#r-arm {
  animation: r-arm 4s infinite;
  transform-origin: center;
}

@keyframes r-arm {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#hair {
  animation: hair 4s infinite;
  transform-origin: top;
}

@keyframes hair {
  0% {
    transform: rotate(-2.5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2.5deg);
  }
}
#face {
  animation: face 4s infinite;
  transform-origin: right;
}

@keyframes face {
  0% {
    transform: rotate(-0.3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-0.3deg);
  }
}
#head {
  animation: head 5.5s infinite;
  transform-origin: right;
}

@keyframes head {
  0% {
    transform: rotate(-0.8deg);
  }
  50% {
    transform: rotate(-2.3deg);
  }
  100% {
    transform: rotate(-0.8deg);
  }
}
#graph {
  animation: graph 5.5s infinite;
  transform-origin: left;
}

@keyframes graph {
  0% {
    transform: rotate(-1.5deg);
  }
  50% {
    transform: rotate(0.8deg);
  }
  100% {
    transform: rotate(-1.5deg);
  }
}
.arm03 {
  animation: arm03 5.5s infinite;
  transform-origin: left;
}

@keyframes arm03 {
  0% {
    transform: rotate(-1.5deg);
  }
  50% {
    transform: rotate(0.5deg);
  }
  100% {
    transform: rotate(-1.5deg);
  }
}