/*body {
    background: #fff;
    color: #000;
    font: 100% / 1.5 sans-serif;
}*/

/* position:relative and overflow:hidden are required */
#scroller {
    position: relative;
    overflow: hidden;
    width: 15em;
    border: 1px solid #008080;
}

/* add formatting for the scrolling text */
#tag {
    margin: 2px 0;
}

/* #testP must also contain all text-sizing properties of #tag  */
#testP {
    visibility: hidden;
    position: absolute;
    white-space: nowrap;
}

/* used as a page top marker and to limit width */
#top {
    width: 350px;
    margin: auto;
}


@keyframes scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .marquee-content {
        animation: none;
        padding-left: 0;
    }
}