.cssmarquee {
    height: 300px;
    overflow: hidden;
    position: relative;
}

    .cssmarquee h1 {
        font-size: 2em;
        color: turquoise;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        transform: translateX(100%);
        animation: cssmarquee 35s linear infinite;
    }

    .cssmarquee ul {
        /*font-size: 2em;
        color: turquoise;*/
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 20px;
        text-align: left;
        transform: translateX(100%);
        animation: cssmarquee 35s linear infinite;
    }

@keyframes cssmarquee {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}