body{
  background: linear-gradient(to top,rgba(0, 0, 0, 0.5)50%, rgba(0, 0, 0, 0.5)50%), url(4k.jpg);
  width: 100%;
  min-height: 100vh;
  color: whitesmoke;
}
.stock-ticker {
  font-size: 15px;
  padding-block: 0px;
  border-block: 0px solid;
  overflow: hidden;
  user-select: none;

  --gap: 20px;
  display: flex;
  gap: var(--gap);
}

.stock-ticker ul {
  list-style: none;
  flex-shrink: 0;
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);

  animation: scroll 15s linear infinite;
}

.stock-ticker:hover ul {
  animation-play-state: paused;
}

@keyframes scroll {
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}


.stock-ticker .price {
  margin-inline: 2px;
}


.stock-ticker .plus .change,
.stock-ticker .plus::before {
  color: #ffffff;
}

.stock-ticker .minus .change,
.stock-ticker .minus::before {
  color: #ffffff;
}

.colp {
  color: greenyellow;
}