.alert {
  display: block;
  text-transform: uppercase;
  background: #c0392b;
  color: white;
  animation: blinking 1s linear infinite;
  overflow: hidden;
}

.alert > span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 10s linear infinite;
  white-space: nowrap;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@keyframes blinking {
  60% {
    color: white;
  }
  75% {
    color: #c0392b;
  }
  85% {
    color: #c0392b;
  }
  100% {
    color: white;
  }
}
