.block {
    line-height: 5em;
    width: 100%;
    color: #fdfdfd;
    text-align: center;
    margin: 1em auto;
    /* border: 1px solid red; */
}

.animatable {
    visibility: visible;
    opacity: 0;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}





.animated-moveUp,
.animated-bounceIn {
    visibility: visible;
    opacity: 1;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: running;
}

.animated-moveUp {
    animation: moveUp 1s forwards;
}

.animated-bounceIn {
    animation: bounceIn 1s forwards;
}

@keyframes moveUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}