.headline{
    position: absolute;
    background: #0D47A1;
    color: #fff;
    font-size: 17px;
    font-family: sans-serif;
    z-index: 1000;
    padding: 9px 0px 8px 0px;
}

.headline a {
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
    filter: drop-shadow(1px 1px 1px black);
    padding: 9px 15px 8px 7px;
}

.headline a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 1px #FFF;
}

.news-area{
    width: 100%;
    overflow: hidden;
}

.ticker{
    /* width: 88%;
    padding-left: 88%;
    margin-left: 175px; */
    background: #222425;
}

.ticker-animation{
    display: inline-block;
    white-space: nowrap;
    /* padding-right: 100%; */
    animation: ticker 800s linear infinite;

}

@keyframes ticker{
    0%{
        transform: translate3d(0,0,0);
    }
    100%{
        transform: translate3d(-100%,0,0);
    }
}

.ticker-animation:hover{
    animation-play-state: paused;
}

.ticker-item{
    display: inline-block;
    padding: 10px 0;
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: white;
}

.ticker-item .ticker-quote {
    font-weight: 900;
}

.ticker-item .num {
    font-weight: 500;
}