.rise-up {
    position: relative;
    -webkit-animation: rise-up .5s ease forwards;
    animation: rise-up .5s ease forwards
}

@-webkit-keyframes rise-up {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 100%, 0);
        transform: translate(0, 100%, 0)
    }

    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
        opacity: 1
    }
}

@keyframes rise-up {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 100%, 0);
        transform: translate(0, 100%, 0)
    }

    to {
        -webkit-transform: translate(0, 0, 0);
        transform: translate(0, 0, 0);
        opacity: 1
    }
}