/* #radius {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);

  width: 100%;
  height: 100%;
}

.radius-color-1 {
  background-image: repeating-conic-gradient(
    at 50% 70%,
    #9e90cc 0% 5%,
    #b8a2ff 5% 10%
  );
}

.radius-color-2 {
  background-image: repeating-conic-gradient(
    at 50% 70%,
    #b8a2ff 0% 5%,
    #9e90cc 5% 10%
  );
} */

#man_body {
  background-color: #342759;
}

#man_ab {
  position: absolute;
  top: 0%;
  left: 9.5%;
  margin-right: -80.5%;
  transform: translate(-9.5%, 0%);
  width: 18vmin;
}
#man_ab_bandpass {
  position: absolute;
  top: 0%;
  left: 18.5%;
  margin-right: -81.5%;
  transform: translate(-18.5%, 0%);
  width: 18vmin;
}
#man_ab_crashed {
  position: absolute;
  top: 0%;
  left: 27.5%;
  margin-right: -72.5%;
  transform: translate(-27.5%, 0%);
  width: 18vmin;
}
#man_ab_distortion {
  position: absolute;
  top: 0%;
  left: 36.5%;
  margin-right: -63.5%;
  transform: translate(-36.5%, 0%);
  width: 18vmin;
}
#man_ab_flanger {
  position: absolute;
  top: 0%;
  left: 45.5%;
  margin-right: -54.5%;
  transform: translate(-45.5%, 0%);
  width: 18vmin;
}

#man_ab_phaser {
  position: absolute;
  top: 0%;
  left: 54.5%;
  margin-right: -45.5%;
  transform: translate(-54.5%, 0%);
  width: 18vmin;
}
#man_ab_pingpong {
  position: absolute;
  top: 0%;
  left: 63.5%;
  margin-right: -36.5%;
  transform: translate(-63.5%, 0%);
  width: 18vmin;
}
#man_ab_pitchdown {
  position: absolute;
  top: 0%;
  left: 72.5%;
  margin-right: -27.5%;
  transform: translate(-72.5%, 0%);
  width: 18vmin;
}
#man_ab_reverb {
  position: absolute;
  top: 0%;
  left: 81.5%;
  margin-right: -18.5%;
  transform: translate(-81.5%, 0%);
  width: 18vmin;
}
#man_ab_reversed {
  position: absolute;
  top: 0%;
  left: 90.5%;
  margin-right: -9.5%;
  transform: translate(-90.5%, 0%);
  width: 18vmin;
}

#rounding_circle {
  position: absolute;
  top: 43%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -43%);
  width: 55vmin;
  z-index: -2;
}

#standing_man {
  position: absolute;
  top: 43%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -43%);
  height: 47vmin;
}
#left_side_man {
  position: absolute;
  top: 43%;
  left: 40%;
  margin-right: -60%;
  transform: translate(-40%, -43%);
  height: 47vmin;
  z-index: -1;
}
#right_side_man {
  position: absolute;
  top: 43%;
  left: 60%;
  margin-right: -40%;
  transform: translate(-60%, -43%);
  height: 47vmin;
  z-index: -1;
}
#stooping_man_ab_loop1 {
  position: absolute;
  top: 43%;
  left: 0%;
  margin-right: -100%;
  transform: translate(-0%, -43%);
  height: 47vmin;
}
#stooping_man_ab_loop2 {
  position: absolute;
  top: 43%;
  left: 100%;
  margin-right: -0%;
  transform: translate(-100%, -43%);
  height: 47vmin;
}

#man_E1 {
  position: absolute;
  top: 91%;
  left: 25%;
  margin-right: -75%;
  transform: translate(-25%, -91%);
  width: 18vmin;
}
#man_B1 {
  position: absolute;
  top: 91%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -91%);
  width: 18vmin;
}
#man_E2 {
  position: absolute;
  top: 91%;
  left: 75%;
  margin-right: -25%;
  transform: translate(-75%, -91%);
  width: 18vmin;
}

#rotating_head1 {
  position: absolute;
  top: 20%;
  left: 25%;
  margin-right: -75%;
  transform: translate(-25%, -20%);
  height: 18vmin;
  z-index: 1;
}

#rotating_head2 {
  position: absolute;
  top: 20%;
  left: 75%;
  margin-right: -25%;
  transform: translate(-75%, -20%);
  height: 18vmin;
}

/* #rotating_head3 {
  position: absolute;
  top: 70%;
  left: 75%;
  margin-right: -25%;
  transform: translate(-75%, -70%);
  height: 18vmin;
}

#rotating_head4 {
  position: absolute;
  top: 70%;
  left: 25%;
  margin-right: -75%;
  transform: translate(-25%, -70%);
  height: 18vmin;
} */