.animate-bottom-100 { transform:translateY(100px); }
.animate-bottom-150 { transform:translateY(150px); }
.animate-bottom-200 { transform:translateY(200px); }

.animate-top-100 { transform:translateY(-100px); }
.animate-top-150 { transform:translateY(-150px); }
.animate-top-200 { transform:translateY(-200px); }

.animate-left-100 { transform:translateX(-100px); }
.animate-left-150 { transform:translateX(-150px); }
.animate-left-200 { transform:translateX(-200px); }

.animate-right-100 { transform:translateX(100px); }
.animate-right-150 { transform:translateX(150px); }
.animate-right-200 { transform:translateX(200px); }

.animate-150-1500 {
    opacity:0;
    transition:all 1500ms cubic-bezier(0, 0, 0, 1) 150ms;
}

.animate-200-1500 {
    opacity:0;
    transition:all 1500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 200ms;
}

.animate-250-1500 {
    opacity:0;
    transition:all 1500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 250ms;
}

.animate-300-1500 {
    opacity:0;
    transition:all 1500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 300ms;
}



.animate-150-2000 {
    opacity:0;
    transition:all 2000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 150ms;
}

.animate-200-2000 {
    opacity:0;
    transition:all 2000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 200ms;
}

.animate-250-2000 {
    opacity:0;
    transition:all 2000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 250ms;
}

.animate-300-2000 {
    opacity:0;
    transition:all 2000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 300ms;
}



.animate-150-2500 {
    opacity:0;
    transition:all 2500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 150ms;
}

.animate-200-2500 {
    opacity:0;
    transition:all 2500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 200ms;
}

.animate-250-2500 {
    opacity:0;
    transition:all 2500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 250ms;
}

.animate-300-2500 {
    opacity:0;
    transition:all 2500ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 300ms;
}



.animate-150-3000 {
    opacity:0;
    transition:all 3000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 150ms;
}

.animate-200-3000 {
    opacity:0;
    transition:all 3000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 200ms;
}

.animate-250-3000 {
    opacity:0;
    transition:all 3000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 250ms;
}

.animate-300-3000 {
    opacity:0;
    transition:all 3000ms cubic-bezier(0.02, 0.51, 0.29, 0.99) 300ms;
}

.animate.active {
    opacity:1;
    transform:translateY(0);
    transform:translateX(0)
}