/* Rolling footer style */
#rolling-banner {
    padding: 0px;
}

/* Container that wraps the whole banner */
#container {
    width: 100%;
    overflow: hidden;
    background: transparent;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
}

/*rollingBanner*/
#rollingBanner { 
    width: 8640px; /* banner is 8640px long */
    background: #FFBF00;
    color: #000000;
}

 /* Each word style inside the banner */
#rollingBanner p {
    font-family: sans-serif;
    display: inline-block;
    width: 200px;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 8px;
    text-align: center;
}

/*keyframe animations*/
#first {
    /* First item in banner */
    animation: bannermove 40s linear infinite; 
    /* animation takes 40s to complete (rolling speed) */
}

@keyframes bannermove {
    0% { margin-left: 0px; }
    100% { margin-left: -1746px; } 
    /* How fast the banner moves */
}