html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Metropoli", Sans-serif;
}

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

.logos {
  display: flex;
  flex-wrap: nowrap;
  animation: marquee 52s linear infinite;
}

.logo-item {
  flex-shrink: 0;
  margin-right: 20px; /* Ajuste o espaço entre as logos */
}