body {
  background-color: rgba(136, 136, 136, 0.2); /* Cor de fundo com transparência */
  -webkit-animation: colorChange 5000s linear 0s infinite;
  animation: colorChange 5000s linear 0s infinite;
}

@-webkit-keyframes colorChange {
  100% {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  }
  99% {
    background: linear-gradient(to right, rgba(200, 255, 200, 0.2), rgba(200, 255, 200, 0.2));
  }
  98% {
    background: linear-gradient(to right, rgba(150, 255, 150, 0.2), rgba(150, 255, 150, 0.2));
  }
  97% {
    background: linear-gradient(to right, rgba(100, 255, 100, 0.2), rgba(100, 255, 100, 0.2));
  }
  96% {
    background: linear-gradient(to right, rgba(0, 255, 0, 0.2), rgba(0, 255, 0, 0.2));
  }
  95% {
    background: linear-gradient(to right, rgba(0, 200, 200, 0.2), rgba(0, 200, 200, 0.2));
  }
  94% {
    background: linear-gradient(to right, rgba(0, 150, 255, 0.2), rgba(0, 150, 255, 0.2));
  }
  93% {
    background: linear-gradient(to right, rgba(0, 100, 255, 0.2), rgba(0, 100, 255, 0.2));
  }
  92% {
    background: linear-gradient(to right, rgba(0, 50, 255, 0.2), rgba(0, 50, 255, 0.2));
  }
  91% {
    background: linear-gradient(to right, rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.2));
  }
  90% {
    background: linear-gradient(to right, rgba(0, 0, 200, 0.2), rgba(0, 0, 200, 0.2));
  }
  89% {
    background: linear-gradient(to right, rgba(0, 0, 150, 0.2), rgba(0, 0, 150, 0.2));
  }
  88% {
    background: linear-gradient(to right, rgba(0, 0, 100, 0.2), rgba(0, 0, 100, 0.2));
  }
  87% {
    background: linear-gradient(to right, rgba(50, 50, 255, 0.2), rgba(50, 50, 255, 0.2));
  }
  86% {
    background: linear-gradient(to right, rgba(100, 100, 200, 0.2), rgba(100, 100, 200, 0.2));
  }
  85% {
    background: linear-gradient(to right, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2));
  }
  84% {
    background: linear-gradient(to right, rgba(200, 200, 200, 0.2), rgba(200, 200, 200, 0.2));
  }
  83% {
    background: linear-gradient(to right, rgba(255, 255, 200, 0.2), rgba(255, 255, 200, 0.2));
  }
  82% {
    background: linear-gradient(to right, rgba(200, 255, 255, 0.2), rgba(200, 255, 255, 0.2));
  }
  81% {
    background: linear-gradient(to right, rgba(150, 255, 255, 0.2), rgba(150, 255, 255, 0.2));
  }
  80% {
    background: linear-gradient(to right, rgba(100, 255, 255, 0.2), rgba(100, 255, 255, 0.2));
  }
  79% {
    background: linear-gradient(to right, rgba(50, 255, 255, 0.2), rgba(50, 255, 255, 0.2));
  }
  78% {
    background: linear-gradient(to right, rgba(0, 255, 255, 0.2), rgba(0, 255, 255, 0.2));
  }
  77% {
    background: linear-gradient(to right, rgba(0, 200, 200, 0.2), rgba(0, 200, 200, 0.2));
  }
  76% {
    background: linear-gradient(to right, rgba(0, 150, 150, 0.2), rgba(0, 150, 150, 0.2));
  }
  75% {
    background: linear-gradient(to right, rgba(0, 100, 100, 0.2), rgba(0, 100, 100, 0.2));
  }
  74% {
    background: linear-gradient(to right, rgba(0, 50, 50, 0.2), rgba(0, 50, 50, 0.2));
  }
  73% {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  }
  72% {
    background: linear-gradient(to right, rgba(50, 50, 50, 0.2), rgba(50, 50, 50, 0.2));
  }
  71% {
    background: linear-gradient(to right, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0.2));
  }
  70% {
    background: linear-gradient(to right, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2));
  }
  69% {
    background: linear-gradient(to right, rgba(200, 200, 200, 0.2), rgba(200, 200, 200, 0.2));
  }
  68% {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  }
  67% {
    background: linear-gradient(to right, rgba(250, 250, 250, 0.2), rgba(250, 250, 250, 0.2));
  }
  66% {
    background: linear-gradient(to right, rgba(245, 245, 245, 0.2), rgba(245, 245, 245, 0.2));
  }
  65% {
    background: linear-gradient(to right, rgba(240, 240, 240, 0.2), rgba(240, 240, 240, 0.2));
  }
  64% {
    background: linear-gradient(to right, rgba(235, 235, 235, 0.2), rgba(235, 235, 235, 0.2));
  }
  63% {
    background: linear-gradient(to right, rgba(230, 230, 230, 0.2), rgba(230, 230, 230, 0.2));
  }
  62% {
    background: linear-gradient(to right, rgba(225, 225, 225, 0.2), rgba(225, 225, 225, 0.2));
  }
  61% {
    background: linear-gradient(to right, rgba(220, 220, 220, 0.2), rgba(220, 220, 220, 0.2));
  }
  60% {
    background: linear-gradient(to right, rgba(215, 215, 215, 0.2), rgba(215, 215, 215, 0.2));
  }
  59% {
    background: linear-gradient(to right, rgba(210, 210, 210, 0.2), rgba(210, 210, 210, 0.2));
  }
  58% {
    background: linear-gradient(to right, rgba(205, 205, 205, 0.2), rgba(205, 205, 205, 0.2));
  }
  57% {
    background: linear-gradient(to right, rgba(200, 200, 200, 0.2), rgba(200, 200, 200, 0.2));
  }
  56% {
    background: linear-gradient(to right, rgba(195, 195, 195, 0.2), rgba(195, 195, 195, 0.2));
  }
  55% {
    background: linear-gradient(to right, rgba(190, 190, 190, 0.2), rgba(190, 190, 190, 0.2));
  }
  54% {
    background: linear-gradient(to right, rgba(185, 185, 185, 0.2), rgba(185, 185, 185, 0.2));
  }
  53% {
    background: linear-gradient(to right, rgba(180, 180, 180, 0.2), rgba(180, 180, 180, 0.2));
  }
  52% {
    background: linear-gradient(to right, rgba(175, 175, 175, 0.2), rgba(175, 175, 175, 0.2));
  }
  51% {
    background: linear-gradient(to right, rgba(170, 170, 170, 0.2), rgba(170, 170, 170, 0.2));
  }
  50% {
    background: linear-gradient(to right, rgba(165, 165, 165, 0.2), rgba(165, 165, 165, 0.2));
  }
  49% {
    background: linear-gradient(to right, rgba(160, 160, 160, 0.2), rgba(160, 160, 160, 0.2));
  }
  48% {
    background: linear-gradient(to right, rgba(155, 155, 155, 0.2), rgba(155, 155, 155, 0.2));
  }
  47% {
    background: linear-gradient(to right, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2));
  }
  46% {
    background: linear-gradient(to right, rgba(145, 145, 145, 0.2), rgba(145, 145, 145, 0.2));
  }
  45% {
    background: linear-gradient(to right, rgba(140, 140, 140, 0.2), rgba(140, 140, 140, 0.2));
  }
  44% {
    background: linear-gradient(to right, rgba(135, 135, 135, 0.2), rgba(135, 135, 135, 0.2));
  }
  43% {
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2), rgba(130, 130, 130, 0.2));
  }
  42% {
    background: linear-gradient(to right, rgba(125, 125, 125, 0.2), rgba(125, 125, 125, 0.2));
  }
  41% {
    background: linear-gradient(to right, rgba(120, 120, 120, 0.2), rgba(120, 120, 120, 0.2));
  }
  40% {
    background: linear-gradient(to right, rgba(115, 115, 115, 0.2), rgba(115, 115, 115, 0.2));
  }
  39% {
    background: linear-gradient(to right, rgba(110, 110, 110, 0.2), rgba(110, 110, 110, 0.2));
  }
  38% {
    background: linear-gradient(to right, rgba(105, 105, 105, 0.2), rgba(105, 105, 105, 0.2));
  }
  37% {
    background: linear-gradient(to right, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0.2));
  }
  36% {
    background: linear-gradient(to right, rgba(95, 95, 95, 0.2), rgba(95, 95, 95, 0.2));
  }
  35% {
    background: linear-gradient(to right, rgba(90, 90, 90, 0.2), rgba(90, 90, 90, 0.2));
  }
  34% {
    background: linear-gradient(to right, rgba(85, 85, 85, 0.2), rgba(85, 85, 85, 0.2));
  }
  33% {
    background: linear-gradient(to right, rgba(80, 80, 80, 0.2), rgba(80, 80, 80, 0.2));
  }
  32% {
    background: linear-gradient(to right, rgba(75, 75, 75, 0.2), rgba(75, 75, 75, 0.2));
  }
  31% {
    background: linear-gradient(to right, rgba(70, 70, 70, 0.2), rgba(70, 70, 70, 0.2));
  }
  30% {
    background: linear-gradient(to right, rgba(65, 65, 65, 0.2), rgba(65, 65, 65, 0.2));
  }
  29% {
    background: linear-gradient(to right, rgba(60, 60, 60, 0.2), rgba(60, 60, 60, 0.2));
  }
  28% {
    background: linear-gradient(to right, rgba(55, 55, 55, 0.2), rgba(55, 55, 55, 0.2));
  }
  27% {
    background: linear-gradient(to right, rgba(50, 50, 50, 0.2), rgba(50, 50, 50, 0.2));
  }
  26% {
    background: linear-gradient(to right, rgba(45, 45, 45, 0.2), rgba(45, 45, 45, 0.2));
  }
  25% {
    background: linear-gradient(to right, rgba(40, 40, 40, 0.2), rgba(40, 40, 40, 0.2));
  }
  24% {
    background: linear-gradient(to right, rgba(35, 35, 35, 0.2), rgba(35, 35, 35, 0.2));
  }
  23% {
    background: linear-gradient(to right, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2));
  }
  22% {
    background: linear-gradient(to right, rgba(25, 25, 25, 0.2), rgba(25, 25, 25, 0.2));
  }
  21% {
    background: linear-gradient(to right, rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2));
  }
  20% {
    background: linear-gradient(to right, rgba(15, 15, 15, 0.2), rgba(15, 15, 15, 0.2));
  }
  19% {
    background: linear-gradient(to right, rgba(10, 10, 10, 0.2), rgba(10, 10, 10, 0.2));
  }
  18% {
    background: linear-gradient(to right, rgba(5, 5, 5, 0.2), rgba(5, 5, 5, 0.2));
  }
  17% {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  }
  16% {
    background: linear-gradient(to right, rgba(5, 5, 5, 0.2), rgba(5, 5, 5, 0.2));
  }
  15% {
    background: linear-gradient(to right, rgba(10, 10, 10, 0.2), rgba(10, 10, 10, 0.2));
  }
  14% {
    background: linear-gradient(to right, rgba(15, 15, 15, 0.2), rgba(15, 15, 15, 0.2));
  }
  13% {
    background: linear-gradient(to right, rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2));
  }
  12% {
    background: linear-gradient(to right, rgba(25, 25, 25, 0.2), rgba(25, 25, 25, 0.2));
  }
  11% {
    background: linear-gradient(to right, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2));
  }
  10% {
    background: linear-gradient(to right, rgba(35, 35, 35, 0.2), rgba(35, 35, 35, 0.2));
  }
  9% {
    background: linear-gradient(to right, rgba(40, 40, 40, 0.2), rgba(40, 40, 40, 0.2));
  }
  8% {
    background: linear-gradient(to right, rgba(45, 45, 45, 0.2), rgba(45, 45, 45, 0.2));
  }
  7% {
    background: linear-gradient(to right, rgba(50, 50, 50, 0.2), rgba(50, 50, 50, 0.2));
  }
  6% {
    background: linear-gradient(to right, rgba(55, 55, 55, 0.2), rgba(55, 55, 55, 0.2));
  }
  5% {
    background: linear-gradient(to right, rgba(60, 60, 60, 0.2), rgba(60, 60, 60, 0.2));
  }
  4% {
    background: linear-gradient(to right, rgba(65, 65, 65, 0.2), rgba(65, 65, 65, 0.2));
  }
  3% {
    background: linear-gradient(to right, rgba(70, 70, 70, 0.2), rgba(70, 70, 70, 0.2));
  }
  2% {
    background: linear-gradient(to right, rgba(75, 75, 75, 0.2), rgba(75, 75, 75, 0.2));
  }
  1% {
    background: linear-gradient(to right, rgba(80, 80, 80, 0.2), rgba(80, 80, 80, 0.2));
  }
}