#ticker {
    position: fixed;
    top: 58px;
    background: #ff4a6c;
    width: 100vw;
    color: white;
    font-size: 24px;
    overflow: clip;
}

#ticker-text{
    animation: ticker-text-scroll 8s linear 0s infinite;
    overflow: clip;
    width: 150vw;
}

@keyframes ticker-text-scroll {
    0% {
        transform: translateX(150vw);
    }
    100% {
        transform: translateX(-150vw);
    }
}

/* Mobile specific */
@media only screen and (hover: none) and (pointer: coarse) {
    #ticker {
        top: unset;
        bottom: 0px;
        font-size: 64px;   
    }
    #ticker-text{
        width: 2800px;
    }
    @keyframes ticker-text-scroll {
    0% {
        transform: translateX(2800px);
    }
    100% {
        transform: translateX(-2800px);
    }
}
}