/* Seu CSS personalizado aqui *//* Estilo para a div que vai envolver o título */
.marquee-container {
  position: relative;
  width: 100%; /* Garante que a largura seja 100% da tela */
  overflow: hidden; /* Esconde o texto fora da tela */
}

/* Estilo para o título com ID "marquee-footer" */
.marquee-footer {
  
  white-space: nowrap; /* Faz com que o texto não quebre em várias linhas */
  font-size: 48px; /* Ajuste o tamanho da fonte conforme necessário */
  font-weight: bold;
  animation: marquee 10s linear infinite; /* Animação para mover o texto */
}

/* Animação para o efeito marquee */
@keyframes marquee {
  0% {
    transform: translateX(100%); /* Inicia do lado direito da tela */
  }
  100% {
    transform: translateX(-100%); /* Vai até o lado esquerdo da tela */
  }
}