/* CSS custom do tema Thynkr */

/* Variáveis globais */
:root {
  --cyan: #00b7eb;
  --blue-dark: #141b4d;
  --violet: #654ea3;
  --gray: #b3b3b3;
  --black: #000000;
}

/* Base */
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Plus Jakarta Sans", sans-serif;
}

/* Remove bullets do menu */
header nav ul,
header nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Só no side-menu */
#side-menu nav ul,
#side-menu nav li {
  list-style: none;
}

/* Faz os links ficarem em linha no desktop */
header nav ul {
  display: flex;
  gap: 2rem; /* espaço entre itens */
}


/* Animações do Marquee */
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes marquee-reverse {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.animate-marquee {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 40s linear infinite;
}

.animate-marquee-reverse {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-reverse 50s linear infinite;
}