html {
  scroll-behavior: smooth;
}

body { 
  font-family: 'Montserrat', sans-serif; 
}
    
     @keyframes marquee {
    0% { transform: translateX(100%); }   /* começa fora da tela à direita */
    100% { transform: translateX(-50%); } /* desliza para a esquerda */
    }
    .animate-marquee {
        display: flex;
        width: max-content;
        animation: marquee 20s linear infinite;
    }
    /* Pausa ao passar o mouse 
    .hover\:pause-marquee:hover {
        animation-play-state: paused;
    }
*/

.logobackground{
  background-image: url("../img/background.png");
}

.bg-pattern {
  background-image: url('../img/background.png'); /* ajuste o caminho se necessário */
  background-repeat: repeat;      /* ou no-repeat se quiser uma só */
  background-size: auto;          /* ou cover/contain conforme desejar */
  background-position: center;    /* centraliza o padrão */
}