.fade-in {

    animation:
    fadeIn 1s ease forwards;

}


@keyframes fadeIn {

    from{

        opacity:0;

        transform:translateY(30px);

    }


    to{

        opacity:1;

        transform:none;

    }

}


.zoom-hover:hover {

    transform:scale(1.05);

    transition:.4s;

}
.fade-in,
.slide-up{


opacity:0;

}



.slide-up{

transform:
translateY(50px);

}



.visible{


opacity:1;

transform:none;

transition:
all .8s ease;


}