/* define the animation */
	@-webkit-keyframes marquee {
	  0%   { -webkit-transform: translate(0, 0); }
	  100% { -webkit-transform: translate(0, -200%); }
	} 
    @keyframes marquee {
	  0%   { -webkit-transform: translate(0, 0); }
	  100% { -webkit-transform: translate(0, -100%); }
	} 
	

	
	/* define your limiting container */
	.marquee {
	  border: solid 0px;
	  white-space: nowrap;
	  overflow: hidden;
	  box-sizing: border-box;
    height: 100%;
        font-size: 60pt;
        color:red;
   		z-index:5;

	}
	/* this is the tray moving around your container */
	.marquee span {
	display: inline-block;
    padding-top: 70%;
        width:80%;
    text-align: center;
	  text-indent: 0;
	  animation: marquee 128s linear infinite; /* here you select the animation */
      -webkit-animation: marquee 128s linear infinite; /* here you select the animation */
	   		z-index:5;

}
span {
}
	/* pause the animation on mouse over 
	.marquee span:hover {
	  animation-play-state: paused;
      -webkit-animation-play-state: paused;
	}*/