@keyframes anim_left {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 0 50%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}
}

@keyframes anim_right {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 100% 50%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}
}

@keyframes anim_right2 {
	0%,
	100% {
		transform: translateY(0) rotate(0);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateY(-30px) rotate(6deg);
	}

	30% {
		transform: translateY(15px) rotate(-6deg);
	}

	45% {
		transform: translateY(-15px) rotate(3.6deg);
	}

	60% {
		transform: translateY(9px) rotate(-2.4deg);
	}

	75% {
		transform: translateY(-6px) rotate(1.2deg);
	}
}

@keyframes anim_left2 {
	0%,
	100% {
		transform: translateY(0) rotate(0);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateY(-30px) rotate(-6deg);
	}

	30% {
		transform: translateY(15px) rotate(6deg);
	}

	45% {
		transform: translateY(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateY(9px) rotate(2.4deg);
	}

	75% {
		transform: translateY(-6px) rotate(-1.2deg);
	}
}

@keyframes anim_bottom {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(-6deg);
	}

	30% {
		transform: translateX(15px) rotate(6deg);
	}

	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}


@keyframes anim_bottom_r {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}



	30% {
		transform: translateX(15px) rotate(6deg);
	}



	60% {
		transform: translateX(9px) rotate(2.4deg);
	}


}

@keyframes anim_bottom_l {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}



	30% {
		transform: translateX(-15px) rotate(-6deg);
	}



	60% {
		transform: translateX(-9px) rotate(-2.4deg);
	}


}

@keyframes anim_top {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(6deg);
	}

	30% {
		transform: translateX(15px) rotate(-6deg);
	}

	45% {
		transform: translateX(-15px) rotate(3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(-2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(1.2deg);
	}
}


@keyframes anim_top_l {
	0%, 100% {
		transform: translateY(0%);
		transform-origin: 50% 0%; /* Mengubah titik origin menjadi dari atas */
	}

	30% {
		transform: translateY(-15px) rotate(-6deg);
	}

	60% {
		transform: translateY(-9px) rotate(-2.4deg);
	}
}

@keyframes anim_top_r {
	0%, 100% {
		transform: translateY(0%);
		transform-origin: 50% 0%; /* Titik origin di atas */
	}

	30% {
		transform: translateY(-15px) rotate(6deg); /* Gerakan ke atas dengan rotasi positif */
	}

	60% {
		transform: translateY(-9px) rotate(2.4deg); /* Gerakan lebih kecil ke atas dengan rotasi positif */
	}
}



@keyframes anim_rl {
  0%, 100% {
    transform: translateX(0%); /* Posisi awal dan akhir */
  }
  
  25% {
    transform: translateX(25px); /* Gerakan ke kanan */
  }
  
  50% {
    transform: translateX(0%); /* Kembali ke tengah */
  }
  
  75% {
    transform: translateX(-25px); /* Gerakan ke kiri */
  }
}