@keyframes bounce {

    0%,20%,50%,80%,100%{

        transform:translateY(0);

    }

    40%{

        transform:translateY(8px);

    }

    60%{

        transform:translateY(4px);

    }

}

/* ===========================
   Fade In
=========================== */

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(30px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}
@keyframes tick{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.12);

    }

    100%{

        transform:scale(1);

    }

}
@keyframes float{

    from{

        transform:translateY(100vh);

        opacity:0;

    }

    20%{

        opacity:.35;

    }

    100%{

        transform:translateY(-20vh);

        opacity:0;

    }

}

/* ===========================
   Particle System
=========================== */

@keyframes drift{

    0%{

        transform:
            translateY(0)
            translateX(0);

        opacity:0;

    }

    10%{

        opacity:1;

    }

    100%{

        transform:
            translateY(-120vh)
            translateX(40px);

        opacity:0;

    }

}