.animated {
  .extortion {
    #movable-robe {
      animation-name: movable_robe_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      transform-origin: 2877px 2598px;
    }

    #robe_with_hand {
      animation-name: robe_with_hand_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
    }

    #face {
      animation-name: face_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
    }

    #eye_1,
    #eye_2 {
      animation-name: eye_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
    }

    #eye_1 {
      transform-origin: 2627px 2114px;
    }

    #eye_2 {
      transform-origin: 2989px 2049px;
    }

    #arm {
      animation-name: arm_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      transform-origin: 5832px 4685px;
    }

    #arm_part {
      animation-name: arm_part_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      transform-origin: 5244px 4614px;
    }

    #textures {
      animation-name: textures_animation;
      animation-duration: 6s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 2642px 2431px;
    }
  }
}

@keyframes movable_robe_animation {
  0% {
    rotate: 0deg;
  }
  30% {
    rotate: 0deg;
  }
  70% {
    rotate: 25deg;
  }
  100% {
    rotate: 25deg;
  }
}

@keyframes robe_with_hand_animation {
  0% {
    translate: 0px 0px;
  }
  30% {
    translate: 0px 0px;
  }
  70% {
    translate: 400px 260px;
  }
  100% {
    translate: 400px 260px;
  }
}

@keyframes face_animation {
  0% {
    fill: #cad6ed;
  }
  30% {
    fill: #cad6ed;
  }
  70% {
    fill: #8095be;
  }
  100% {
    fill: #8095be;
  }
}

@keyframes eye_animation {
  0% {
    scale: 1;
  }
  30% {
    scale: 1;
  }
  70% {
    scale: 1.2;
  }
  100% {
    scale: 1.2;
  }
}

@keyframes arm_animation {
  0% {
    rotate: 0deg;
  }
  30% {
    rotate: 0deg;
  }
  70% {
    rotate: -55deg;
  }
  100% {
    rotate: -55deg;
  }
}

@keyframes arm_part_animation {
  0% {
    rotate: 0deg;
  }
  30% {
    rotate: 0deg;
  }
  70% {
    rotate: 80deg;
  }
  100% {
    rotate: 80deg;
  }
}

@keyframes textures_animation {
  0% {
    scale: 0;
    opacity: 1;
  }
  70% {
    scale: 0;
    opacity: 1;
  }
  80% {
    scale: 1;
    opacity: 1;
  }
  85% {
    scale: 1.5;
    opacity: 0;
  }
  86% {
    scale: 0;
    opacity: 0;
  }
  87% {
    scale: 0;
    opacity: 1;
  }
  96% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 1.5;
    opacity: 0;
  }
}

