edit @keyframe flipBottom

@keyframes flipBottom {
	0%{transform: translateY(100px);opacity: 0;}
	70%{transform: translateY(0);opacity: 1;}
}
why not use?
@keyframes flipBottom {
	0%{transform: translateY(100px);opacity: 0;}
	70%{transform: translateY(30px);opacity: 1;}
        100%{transform: translateY(0);}
}