/*Blehhh Common CSS I reuse across the site*/
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

.marquee-freeze:hover span {
  animation-play-state: paused;
}

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

.blink {
  animation: blinker 1s steps(1, start) infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/*Marquee and animated stuff ^ */