body { margin: 20px; }

.marquee {
  height: 25px;
  width: 100%;
  background: #664f02bb;

  overflow: hidden;
  position: relative;
}

.marquee div {
  top: 0px;
  display: block;
  width: 200%;
  height: 30px;
  white-space: nowrap;
	font-weight: bold;
	color: #ffffff;
  position: absolute;
  overflow: hidden;

  animation: marquee 15s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}