/* Reveal Anim */

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1.5s ease;
}

.reveal-right {
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: all 1.5s ease;
}

.reveal-left {
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: all 1.5s ease;
}

.reveal.rev-active{
    transform: translateY(0px);
    opacity: 1;
}

.reveal-right.rev-active{
    transform: translateX(0px);
    opacity: 1;
}

.reveal-left.rev-active{
    transform: translateX(0px);
    opacity: 1;
}

/* Text Anim */

.fade-right {
    position: relative;
    opacity: 0;
    transform: translateX(-80px);
    transition: all 1.5s ease;
}
.fade-left {
    position: relative;
    opacity: 0;
    transform: translateX(80px);
    transition: all 1.5s ease;
}
.fade-down {
    position: relative;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1.5s ease;
}
.fade-up {
    position: relative;
    opacity: 0;
    transform: translateY(80px);
    transition: all 1.5s ease;
}
.fade-active {
    transform: translateY(0px) translateX(0px) scale(1) rotate(0deg);
    opacity: 1;
    transition: all 1.5s ease;
}