#container {
  background-color: rgb(42, 40, 41);
  padding-top: 8px;
  max-width: 100%;
  overflow: hidden;
}

.tradingview-widget-container{
  background-color:rgb(42, 40, 41);
  
}

.marquee {
  font-weight: bold;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans';
  white-space: nowrap;
  overflow: visible;
  width: 100%;
  animation: marquee 20s linear infinite;
  color: white;
}


@media screen and (max-width: 768px) {
  .marquee {
    animation: marquee2 20s linear infinite;
  }

}

.marquee:hover {
  animation-play-state: paused;

}

@keyframes marquee {
  from {
    transform: translateX(5%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(5%);
  }

  to {
    transform: translateX(-300%);
  }
}

.compra {
  color: yellow;
}

.venta {
  color: aqua;

}