
@keyframes reveal {
    from {
        transform: translateX(-50%) translateY(50%);
    }
    to {
        transform: translateX(-50%) translateY(0%);
    }
}

@keyframes float {
	0% {
		transform: translatey(0px) rotate(0deg);
	}
	50% {
		transform: translatey(10px) rotate(2deg);
	}
	100% {
		transform: translatey(0px) rotate(0deg);
	}
}

@keyframes float2 {
	0% {
		transform: translatey(-20px) rotate(0deg);
	}
	50% {
		transform: translatey(12px) rotate(-2deg);
	}
	100% {
		transform: translatey(-20px) rotate(0deg);
	}
}

@keyframes float3 {
	0% {
		transform: translatey(0px) rotate(0deg);
	}
	50% {
		transform: translatey(12px) rotate(-4deg);
	}
	100% {
		transform: translatey(0px) rotate(0deg);
	}
}