@charset "UTF-8";


/* WAVE ANIMATIONS */
@-webkit-keyframes 'back' {
	0% {
		margin-left: 0px;
		margin-top: 0px;
	}
	25% {
		margin-left: -5px;
		margin-top: 3px;
	}
	50% {
		margin-left: 0px;
		margin-top: 7px;
	}
	75% {
		margin-left: 5px;
		margin-top: 3px;
	}
	100% {
		margin-left: 0px;
		margin-top: 0px;
	}
}

@-webkit-keyframes 'middle' {
	0% {
		margin-left: 0px;
		margin-top: 0px;
	}
	25% {
		margin-left: 10px;
		margin-top: 2px;
	}
	50% {
		margin-left: 0px;
		margin-top: 5px;
	}
	75% {
		margin-left: -10px;
		margin-top: 2px;
	}
	100% {
		margin-left: 0px;
		margin-top: 0px;
	}
}

@-webkit-keyframes 'front' {
	0% {
		margin-left: 0px;
		margin-top: 0px;
	}
	25% {
		margin-left: 5px;
		margin-top: 5px;
	}
	50% {
		margin-left: 0px;
		margin-top: 0px;
	}
	75% {
		margin-left: -5px;
		margin-top: 5px;
	}
	100% {
		margin-left: 0px;
		margin-top: 0px;
	}
}

/* DOLPHINS ANIMATIONS */
@-webkit-keyframes 'dolphin' {
	0% {
		top: 160px;
		right: 0%;
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: 50% 50%;
	}
	40% {
		top: 0px;
		right: 16%;
		-webkit-transform:rotate(20deg);
		-webkit-transform-origin: 50% 50%;
	}
	50% {
		top: -10px;
		right: 20%;
		-webkit-transform:rotate(-5deg);
		-webkit-transform-origin: 50% 50%;
	}
	60% {
		top: 0px;
		right: 24%;
		-webkit-transform:rotate(-30deg);
		-webkit-transform-origin: 50% 50%;
	}
	100% {
		top: 170px;
		right: 40%;
		-webkit-transform:rotate(-80deg);
		-webkit-transform-origin: 50% 50%;
	}
}

@-webkit-keyframes 'dolphin2' {
	0% {
		top: 160px;
		right: 20%;
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: 50% 50%;
	}
	40% {
		top: 0px;
		right: 36%;
		-webkit-transform:rotate(20deg);
		-webkit-transform-origin: 50% 50%;
	}
	50% {
		top: -10px;
		right: 40%;
		-webkit-transform:rotate(-5deg);
		-webkit-transform-origin: 50% 50%;
	}
	60% {
		top: 0px;
		right: 44%;
		-webkit-transform:rotate(-30deg);
		-webkit-transform-origin: 50% 50%;
	}
	100% {
		top: 170px;
		right: 60%;
		-webkit-transform:rotate(-80deg);
		-webkit-transform-origin: 50% 50%;
	}
}

/* SHARK ANIMATION */
@-webkit-keyframes 'shark' {
	0% {
		top: 150px;
		left: 0%;
		z-index: 4;
	}
	10% {
		top: 85px;
		left: 10%;
		z-index: 4;
	}
	15% {
		top: 77px;
		left: 15%;
		z-index: 2;
	}
	20% {
		top: 85px;
		left: 20%;
		z-index: 4;
	}
	35% {
		top: 77px;
		left: 35%;
		z-index: 2;
	}
	45% {
		top: 150px;
		left: 45%;
		z-index: 4;
	}
	62% {
		top: 140px;
		left: 62%;
		z-index: 4;
	}
	70% {
		top: 85px;
		left: 70%;
		z-index: 4;
	}
	75% {
		top: 85px;
		left: 75%;
		z-index: 4;
	}
	77% {
		top: 77px;
		left: 77%;
		z-index: 2;
	}
	85% {
		top: 85px;
		left: 85%;
		z-index: 4;
	}
	92% {
		top: 77px;
		left: 92%;
		z-index: 2;
	}
	100% {
		top: 85px;
		left: 100%;
		z-index: 4;
	}
}

/* FISH ANIMATIONS */
@-webkit-keyframes 'right' {
	0% {
		left: -5%;
		margin-top: 0px;
	}
	25% {
		left: 21%;
		margin-top: 50px;
	}
	50% {
		left: 48%;
		margin-top: 0px;
	}
	75% {
		left: 74%;
		margin-top: 50px;
	}
	100% {
		left: 100%;
		margin-top: 0px;
	}
}

@-webkit-keyframes 'left' {
	0% {
		right: -5%;
		margin-top: 0px;
	}
	25% {
		right: 21%;
		margin-top: 40px;
	}
	50% {
		right: 48%;
		margin-top: -20px;
	}
	75% {
		right: 74%;
		margin-top: 40px;
	}
	100% {
		right: 100%;
		margin-top: 0px;
	}
}