Styling for FadeUp Animation in Genesis

Fadeup-Animation-Genesis.css

/* Animate Site Container - Keyframes
------------------------------------------------------------ */

.animate-site-container {
    animation-delay: .7s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* fadeIn
------------------------------------------- */

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* fadeInUp
------------------------------------------- */

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

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

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}