.animated {
  #circle_is_done {
    #red_x5F_piece,
    #green_x5F_piece,
    #blue_x5F_piece,
    #transparent_x5F_piece,
    #center_x5F_piece_1_ {
      animation-name: scaleInOut;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #red_x5F_piece {
      transform-origin: 4250px 4100px;
      animation-delay: -0.7s;
    }

    #green_x5F_piece {
      transform-origin: 4250px 4100px;
      animation-delay: -1.5s;
    }

    #blue_x5F_piece {
      transform-origin: 4250px 4100px;
      animation-delay: -1s;
    }

    #transparent_x5F_piece {
      transform-origin: 4250px 4100px;
      animation-delay: -1.2s;
      animation-duration: 2.5s;
    }

    #center_x5F_piece_1_ {
      transform-origin: 4250px 4100px;
      animation-duration: 4s;
    }
  }
}

@keyframes scaleInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
