.reveal{
opacity:0;
transform:translateY(40px) scale(.98);
transition:opacity .8s ease, transform .8s ease;
}
.reveal.active{
opacity:1;
transform:translateY(0) scale(1);
} .reveal:nth-child(1){transition-delay:.1s;}
.reveal:nth-child(2){transition-delay:.2s;}
.reveal:nth-child(3){transition-delay:.3s;}
.reveal:nth-child(4){transition-delay:.4s;}
.reveal:nth-child(5){transition-delay:.5s;} .img-zoom{
overflow:hidden;
}
.img-zoom img{
transition:.6s ease;
}
.img-zoom:hover img{
transform:scale(1.08);
} .float{
animation:float 4s ease-in-out infinite;
}
@keyframes float{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
} .pulse{
animation:pulse 2s infinite;
}
@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(244,123,32,.5);}
70%{box-shadow:0 0 0 15px rgba(244,123,32,0);}
100%{box-shadow:0 0 0 0 rgba(244,123,32,0);}
}