.marquee {
					    width: 800px;
					    margin: 0 auto;
					    overflow: hidden;
					    white-space: nowrap;
					    box-sizing: border-box;
					    animation: marquee 25s linear infinite;
					}
					
					/*.marquee:hover {
					    animation-play-state: paused
					}*/
					/* Make it move */
					@keyframes marquee {
    					0%   { text-indent: 800px }
    					100% { text-indent: -1500px }
    					/*0%   { text-indent: 50em }
    					100% { text-indent: -94em }*/
					}
					
					/* Make it pretty */
					.classic {
					    padding-left: 1.5em;
					    position: relative;
					    font: 15px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
						font-weight:bold;
					}
					
					
					.classic:after, .classic::after {
					    z-index: 1;
					    content: '';
					    position: absolute;
					    top: 0; left: 0;
					    width: 2em; height: 2em;
						background: url('https://www.hhof.com/graphinduct/LCScrollLeft.png' ) no-repeat;	
					    /*background-image: linear-gradient(90deg, white 70%, rgba(255,255,255,0));*/
					}
					.classic:before, .classic::before {
					    z-index: 1;
					    content: '';
					    position: absolute;
					    top: 0; right: 0;
					    width: 2em; height: 2em;
						background: url('https://www.hhof.com/graphinduct/LCScrollRight.png' ) no-repeat;		
					    /*background-image: linear-gradient(90deg, white 70%, rgba(255,255,255,0));*/
					}