body {
    background: #fff;
    padding-top: 10px;
}
a {
    text-decoration: none;
    display: block;
    width: 100%;
}
img {
    max-width: 100%;
}
div{
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    opacity: 0;
    animation: type 2s steps(60, end) forwards;
    -webkit-user-select: none;
    user-select: none;
}
div:nth-child(odd){
    margin: 10px 0 0;
}
div:nth-child(2) {
    animation-delay: 1s;
}
div:nth-child(3) {
    animation-delay: 2s;
}
div:nth-child(4) {
    animation-delay: 3s;
}
div:nth-child(5) {
    animation-delay: 4s;
}
div:nth-child(6) {
    animation-delay: 5s;
}
div:nth-child(7) {
    animation-delay: 6s;
}
div:nth-child(8) {
    animation-delay: 7s;
}
@keyframes type {
    0% {
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}