main .wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s, transform .5s;
    transition-delay: .2s;
}

main .wrapper.inView {
    transform: translateY(0);
    opacity: 1;
}

.anim{
    opacity: 0;
    transition: opacity .5s, transform .5s;
    transition-delay: .2s;
}

.anim-bottom{
    transform: translateY(1.5rem) scale(0.8);
}

.anim-right-left:nth-child(even) {
    transform: translateX(1.5rem) scale(0.8);
}

.anim-right-left:nth-child(odd) {
    transform: translateX(-1.5rem) scale(0.8);
}

.anim-top{
    transform: translateY(-1.5rem) scale(0.8);
}

.anim-rotate{
    transform: translateY(1.5rem) scale(0.8) rotate(45deg);
}

.anim.inView {
    transform: none !important;
    opacity: 1 !important;
}