@keyframes fadein {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}

.letter {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    margin: 0 0;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    color: #eee;
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera < 12.1 */
    animation: fadein 5s;
}

.letter:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    word-break: break-all;
    background-color: #2B2B2B;
}

.letter:nth-child(1):before {
    content: "1980763425";
    margin-top: -144px;
    -webkit-animation-name: letter1;
    animation-name: letter1;
    -webkit-animation-duration: 2.2628571429s;
    animation-duration: 2.2628571429s;
    -webkit-animation-delay: 2.34s;
    animation-delay: 2.34s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter1 {
    from {
        margin-top: -144px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter1 {
    from {
        margin-top: -144px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(2):before {
    content: "1578420369";
    margin-top: -168px;
    -webkit-animation-name: letter2;
    animation-name: letter2;
    -webkit-animation-duration: 2.31s;
    animation-duration: 2.31s;
    -webkit-animation-delay: 2.34s;
    animation-delay: 2.34s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter2 {
    from {
        margin-top: -168px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter2 {
    from {
        margin-top: -168px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(3):before {
    content: "6493021785";
    margin-top: 0px;
    -webkit-animation-name: letter3;
    animation-name: letter3;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter3 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter3 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(4):before {
    content: "7309845216";
    margin-top: -120px;
    -webkit-animation-name: letter4;
    animation-name: letter4;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 2.88s;
    animation-delay: 2.88s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter4 {
    from {
        margin-top: -120px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter4 {
    from {
        margin-top: -120px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(5):before {
    content: "1943570862";
    margin-top: -144px;
    -webkit-animation-name: letter5;
    animation-name: letter5;
    -webkit-animation-duration: 3.1542857143s;
    animation-duration: 3.1542857143s;
    -webkit-animation-delay: 2.08s;
    animation-delay: 2.08s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter5 {
    from {
        margin-top: -144px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter5 {
    from {
        margin-top: -144px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(6):before {
    content: "8539610427";
    margin-top: -192px;
    -webkit-animation-name: letter6;
    animation-name: letter6;
    -webkit-animation-duration: 2.7733333333s;
    animation-duration: 2.7733333333s;
    -webkit-animation-delay: 2.22s;
    animation-delay: 2.22s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter6 {
    from {
        margin-top: -192px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter6 {
    from {
        margin-top: -192px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(7):before {
    content: "5472890631";
    margin-top: -168px;
    -webkit-animation-name: letter7;
    animation-name: letter7;
    -webkit-animation-duration: 1.785s;
    animation-duration: 1.785s;
    -webkit-animation-delay: 2.49s;
    animation-delay: 2.49s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter7 {
    from {
        margin-top: -168px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter7 {
    from {
        margin-top: -168px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(8):before {
    content: "9056187423";
    margin-top: -192px;
    -webkit-animation-name: letter8;
    animation-name: letter8;
    -webkit-animation-duration: 2.6311111111s;
    animation-duration: 2.6311111111s;
    -webkit-animation-delay: 2.26s;
    animation-delay: 2.26s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter8 {
    from {
        margin-top: -192px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter8 {
    from {
        margin-top: -192px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(9):before {
    content: "3102468957";
    margin-top: -72px;
    -webkit-animation-name: letter9;
    animation-name: letter9;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter9 {
    from {
        margin-top: -72px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter9 {
    from {
        margin-top: -72px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(10):before {
    content: "6134927058";
    margin-top: -48px;
    -webkit-animation-name: letter10;
    animation-name: letter10;
    -webkit-animation-duration: 2.3733333333s;
    animation-duration: 2.3733333333s;
    -webkit-animation-delay: 2.11s;
    animation-delay: 2.11s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter10 {
    from {
        margin-top: -48px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter10 {
    from {
        margin-top: -48px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(11):before {
    content: "9136025847";
    margin-top: 0px;
    -webkit-animation-name: letter11;
    animation-name: letter11;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 2.88s;
    animation-delay: 2.88s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter11 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter11 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(12):before {
    content: "1563402978";
    margin-top: -120px;
    -webkit-animation-name: letter12;
    animation-name: letter12;
    -webkit-animation-duration: 0.4666666667s;
    animation-duration: 0.4666666667s;
    -webkit-animation-delay: 2.86s;
    animation-delay: 2.86s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter12 {
    from {
        margin-top: -120px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter12 {
    from {
        margin-top: -120px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(13):before {
    content: "7350921468";
    margin-top: -24px;
    -webkit-animation-name: letter13;
    animation-name: letter13;
    -webkit-animation-duration: 1.88s;
    animation-duration: 1.88s;
    -webkit-animation-delay: 2.06s;
    animation-delay: 2.06s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter13 {
    from {
        margin-top: -24px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter13 {
    from {
        margin-top: -24px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(14):before {
    content: "5307924861";
    margin-top: -96px;
    -webkit-animation-name: letter14;
    animation-name: letter14;
    -webkit-animation-duration: 2.016s;
    animation-duration: 2.016s;
    -webkit-animation-delay: 2.37s;
    animation-delay: 2.37s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter14 {
    from {
        margin-top: -96px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter14 {
    from {
        margin-top: -96px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(15):before {
    content: "0725634198";
    margin-top: -24px;
    -webkit-animation-name: letter15;
    animation-name: letter15;
    -webkit-animation-duration: 1.28s;
    animation-duration: 1.28s;
    -webkit-animation-delay: 2.36s;
    animation-delay: 2.36s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter15 {
    from {
        margin-top: -24px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter15 {
    from {
        margin-top: -24px;
    }
    to {
        margin-top: 24px;
    }
}
.letter:nth-child(16):before {
    content: "8129506734";
    margin-top: -216px;
    -webkit-animation-name: letter16;
    animation-name: letter16;
    -webkit-animation-duration: 0.756s;
    animation-duration: 0.756s;
    -webkit-animation-delay: 2.79s;
    animation-delay: 2.79s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes letter16 {
    from {
        margin-top: -216px;
    }
    to {
        margin-top: 24px;
    }
}

@keyframes letter16 {
    from {
        margin-top: -216px;
    }
    to {
        margin-top: 24px;
    }
}