/* Make sure the body takes the full height */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* Container fixed to the bottom */
.ticker-wrap {
  position: fixed;
  bottom: 0;
  width: 95%;
  background: #111;          /* Dark background */
  color: #00adefff;               /* Light text */
  overflow: hidden;         /* Hide overflow while scrolling */
  line-height: 1.5;  
  font-size: 0.5rem;
}

/* The scrolling element */
.ticker {
  display: inline-block;
  white-space: nowrap;       /* Keep everything on one line */
  padding-left: 100%;        /* Start off-screen */
  animation: scroll-left 40s linear infinite;
}

/* Individual pieces – optional spacing */
.ticker span {
  margin-right: 2rem;
}

/* Keyframes for the leftward scroll */
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}