body, html {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.marquee-container {
  width: 100%; /* Ajustez la largeur du conteneur selon vos besoins */
  overflow: hidden;
  padding: 10px;
}

.marquee-content {

  display: inline-block;
  white-space: nowrap;
  animation: defilement 50s linear infinite;
}

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

 
.bg-transparent {
  z-index: 1000; 
  backdrop-filter: blur(1px); 
  background-color: rgba(210, 105, 30, 0.6) !important;
}

.btn-brown {
  background-color: rgba(210, 105, 30, 0.6) !important;
  color: white !important;
}
.btn-brown.activated {
  background-color: rgba(139, 69, 19, 0.6) !important;
  color: white !important;
}

audio::-webkit-media-controls-panel {
  background-color: rgba(210, 105, 30);
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-pause-button {
  background-color: white;
  border-radius: 50%;
}