.flash {
               animation-name: flash;
                animation-duration: 0.4s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-play-state: running;
            }

            @keyframes flash {
                from {color: white;}
                to {color: red;}
            }

        .scroller {
          margin: 0 auto;
          overflow: hidden;
          box-sizing: border-box;
        }

        .scroller span {
          display: inline-block;
          width: max-content;

          padding-left: 100%;
          /* show the marquee just outside the paragraph */
          will-change: transform;
          animation: scroller 10s linear infinite;
        }

        .scroller span:hover {
          animation-play-state: paused
        }


        @keyframes scroller {
          0% { transform: translate(0, 0); }
          100% { transform: translate(-100%, 0); }
        }


        /* Respect user preferences about animations */

        @media (prefers-reduced-motion: reduce) {
          .scroller span {
            animation-iteration-count: 1;
            animation-duration: 0.01; 
            /* instead of animation: none, so an animationend event is 
             * still available, if previously attached.
             */
            width: auto;
            padding-left: 0;
          }
        }

        /* Start Slow Scroller*/
        .scroller-slow {
          margin: 0 auto;
          overflow: hidden;
          box-sizing: border-box;
        }

        .scroller-slow span {
          display: inline-block;
          width: max-content;

          padding-left: 100%;
          /* show the marquee just outside the paragraph */
          will-change: transform;
          animation: scroller 30s linear infinite;
        }

        .scroller-slow span:hover {
          animation-play-state: paused
        }


        @keyframes scroller {
          0% { transform: translate(0, 0); }
          100% { transform: translate(-100%, 0); }
        }


        /* Respect user preferences about animations */

        @media (prefers-reduced-motion: reduce) {
          .scroller-slow span {
            animation-iteration-count: 1;
            animation-duration: 0.01; 
            /* instead of animation: none, so an animationend event is 
             * still available, if previously attached.
             */
            width: auto;
            padding-left: 0;
          }
        }
        /* End Slow Scroller*/


.hdm {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .hdm {
    display: block;
  }
}