.ml10 {
    position: relative;
}

    .ml10 .text-wrapper {
        position: relative;
        overflow: hidden;
    }

    .ml10 .letter {
        display: inline-block;
        transform-origin: 0 0;
    }


/* defines the animation */
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 30%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 30%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.animate {
    opacity: 0;
    -webkit-animation: fadeInUp 0.8s ease-in-out 0s forwards;
    animation: fadeInUp 0.8s ease-in-out 0s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}