/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2023 IMAJIKU.
*/

/* = ANIMATION
-------------------------------------------------------------*/

/*infinite scale for image*/
@-webkit-keyframes infinite-scale {
	0% , 100% {
		transform: scale3d(1,1,1);
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
	}
	50% {
		transform: scale3d(1.05,1.05,1.05);
		-webkit-transform: scale3d(1.05,1.05,1.05);
		-moz-transform: scale3d(1.05,1.05,1.05);
	}
}
@keyframes infinite-scale {
	0% , 100% {
		transform: scale3d(1,1,1);
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
	}
	50% {
		transform: scale3d(1.05,1.05,1.05);
		-webkit-transform: scale3d(1.05,1.05,1.05);
		-moz-transform: scale3d(1.05,1.05,1.05);
	}
}
.infinite-scale {
	-webkit-animation-name: infinite-scale;
	animation-name: infinite-scale;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/* Rotate/Spin */
@-webkit-keyframes ef-spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
	} 
}
@keyframes ef-spin {
	100% { 
		transform: rotate(360deg);
	} 
}

/* breath */
@keyframes breath {
	0% , 100%{ 
		transform: translate(0,0);
	}
	20%{
		transform: translate(0,-8%);
	}
	80%{ 
		transform: translate(0,8%);
	}
}
@-webkit-keyframes breath {
	0% , 100% { 
		-webkit-transform: translate(0,0);
	}
	20%{
		-webkit-transform: translate(0,-8%);
	}
	80%{ 
		-webkit-transform: translate(0,8%);
	}
}
.breath {
	-webkit-animation-name: breath;
	animation-name: breath;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* character running */
@keyframes spriterunning {
	from { 
		background-position: 0 0; 
	}
	to { 
		background-position: 100% 0; 
	}
}
@-webkit-keyframes spriterunning {
	from { 
		background-position: 0 0; 
	}
	to { 
		background-position: 100% 0; 
	}
}