@CHARSET "UTF-8";

.anim-button {
	animation: anim-button 2s ease-out infinite;
	opacity: 1;
}
@keyframes anim-button {
	0%, 40%, 60%, 80% {
		transform: scale(1.0);
	}
	50%, 70% {
		transform: scale(0.95);
	}
}

.anim-button2 {
	animation: anim-button2 2s ease-out infinite;
	opacity: 1;
}
@keyframes anim-button2 {
	0%, 40%, 60%, 80% {
		transform: scale(1.0);
	}
	50%, 70% {
		transform: scale(0.75);
	}
}

.anim-tekuteku {
	animation: tekuteku1 1.5s 0s linear infinite;
}

@keyframes tekuteku1 {
	0% , 40%, 80% {
		transform: none;
	}20% {
		transform: rotate(10deg);
	}60% {
		transform: rotate(-5deg);
	}
}


.anim-fadedown {
	animation: fadedown 1s ease-out forwards;
}

@keyframes fadedown {
	0% {
		transform: translateY(-20%);
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.anim-fadeup {
	animation: fadeup 1s ease-out forwards;
}

@keyframes fadeup {
	0% {
		transform: translateY(30%);
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.anim-elasticity{
	animation: elasticity 1s 0s infinite;
}
@keyframes elasticity {
	0% , 100% {
		bottom: 50px;
		transform: scale(1);
	}30% {
		bottom: 10px;
		transform: scale(0.96,1.04);
	}60% {
		transform: scale(1);
	}90% {
		bottom: 50px;
		transform: scale(1.15,0.9);
	}
}
.anim-slid-ver1{
	animation: slid-ver1 8s 0s linear infinite;
}
@keyframes slid-ver1 {
	0% {
		transform: translate(0vw, 0vh);
	}30% {
		transform: translate(-5vw, 0vh);
	}60% {
		transform: translate(0vw, 0vh);
	}80% {
		transform: translate(-3vw, 0vh);
	}100% {
		transform: translate(0vw, 0vh);
	}
}
.anim-slid-ver2{
	animation: slid-ver2 6s 0s linear infinite;
}
@keyframes slid-ver2 {
	0% {
		transform: translate(0vw, 0vh);
	}20% {
		transform: translate(-5vw, 1vh);
	}60% {
		transform: translate(0vw, 0vh);
	}80% {
		transform: translate(0.3vw, 0.5vh);
	}100% {
		transform: translate(0vw, 0vh);
	}
}

.anim-tekuteku1{
	animation: tekuteku1 2s infinite;
}
@keyframes tekuteku1 {
	0% {
		transform: scaleY(1.0) rotate(0deg);
	}25% {
		transform: scaleY(1.05) rotate(5deg);
	}50% {
		transform: scaleY(1.0) rotate(0deg);
	}75% {
		transform: scaleY(1.05) rotate(-5deg);
	}100% {
		transform: scaleY(1.0) rotate(0deg);
	}
}

.anim-pukapuka1 {
	animation:pukapuka1 3s ease-in infinite alternate both;
}
.anim-pukapuka1-early2s {
	animation:pukapuka1 3s ease-in infinite alternate both;
	animation-delay: -2s;
}
.anim-pukapuka1-early4s {
	animation:pukapuka1 3s ease-in infinite alternate both;
	animation-delay: -4s;
}
@keyframes pukapuka1 {
  0% {
    transform:translate(2px,10px);
  }
  100% {
    transform:translate(-2px,-10px);
  }
}

.anim-pukapuka2 {
	animation: 2s ease-in infinite alternate pukapuka2;
}
@keyframes pukapuka2 {
	0%   { transform: translate(0px, 5px); }
	100% { transform: translate(0px, -5px); }
}

.anim-engine1 {
	animation: 0.5s linear infinite alternate engine1;
}
@keyframes engine1 {
	0%   { transform: translateY(0px); }
	95%  { transform: translateY(0px); }
	100% { transform: translateY(-5px); }
}

/*
animation: startPage-fadein 1.0s ease-out 1 forwa
animation: startPage-fadeup 1.0s ease-out 1 forwards;
animation-delay: 1.0s;

@keyframes startPage-fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes startPage-fadeup {
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
*/