/* Fade Up */

.fade-up{
    opacity:0;
    transform:translateY(40px);
    animation:fadeUp 1s ease forwards;
}

@keyframes fadeUp{

from{
    opacity:0;
    transform:translateY(40px);
}

to{
    opacity:1;
    transform:translateY(0);
}

}

/* Zoom In */

.zoom-in{
    animation:zoomIn 1s ease;
}

@keyframes zoomIn{

from{
    opacity:0;
    transform:scale(.8);
}

to{
    opacity:1;
    transform:scale(1);
}

}

/* Floating */

.float{
    animation:float 3s ease-in-out infinite;
}

@keyframes float{

0%{
    transform:translateY(0);
}

50%{
    transform:translateY(-12px);
}

100%{
    transform:translateY(0);
}

}

/* Gradient Animation */

.gradient-bg{

background:linear-gradient(
-45deg,
#2563eb,
#06b6d4,
#ff6b35,
#7c3aed
);

background-size:400% 400%;

animation:gradientMove 8s ease infinite;
}

@keyframes gradientMove{

0%{
    background-position:0% 50%;
}

50%{
    background-position:100% 50%;
}

100%{
    background-position:0% 50%;
}

}

/* Card Hover */

.card{

transition:.4s;
}

.card:hover{

transform:translateY(-10px);

box-shadow:
0 20px 40px rgba(0,0,0,.15);

}