[data-animate]{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .8s cubic-bezier(.22,.85,.4,1),transform .8s cubic-bezier(.22,.85,.4,1);
}

[data-animate].visible{
    opacity:1;
    transform:translateY(0);
}

[data-animate].reveal-left{
    transform:translateX(-90px);
}

[data-animate].reveal-right{
    transform:translateX(90px);
}

[data-animate].reveal-left.visible,
[data-animate].reveal-right.visible{
    transform:translateX(0);
}

.float-soft{
    animation:floatSoft 4s ease-in-out infinite alternate;
}

@keyframes floatSoft{
    from{transform:translateY(0)}
    to{transform:translateY(-12px)}
}