.dynamic-background {
  background-color: #512da8;
  -webkit-animation: colorChange 20s linear 0s infinite;
  animation: colorChange 20s linear 0s infinite;
}

@-webkit-keyframes colorChange {
  0% {
    background: -webkit-linear-gradient(left, #512da8, #a12da8);
    background: linear-gradient(to right, #512da8, #a12da8);
  }
  1% {
    background: -webkit-linear-gradient(left, #572da8, #a42da8);
    background: linear-gradient(to right, #572da8, #a42da8);
  }
  2% {
    background: -webkit-linear-gradient(left, #5d2da8, #a62da8);
    background: linear-gradient(to right, #5d2da8, #a62da8);
  }
  3% {
    background: -webkit-linear-gradient(left, #622da8, #a82da8);
    background: linear-gradient(to right, #622da8, #a82da8);
  }
  4% {
    background: -webkit-linear-gradient(left, #682da8, #a82da6);
    background: linear-gradient(to right, #682da8, #a82da6);
  }
  5% {
    background: -webkit-linear-gradient(left, #6e2da8, #a82da5);
    background: linear-gradient(to right, #6e2da8, #a82da5);
  }
  6% {
    background: -webkit-linear-gradient(left, #732da8, #a82da4);
    background: linear-gradient(to right, #732da8, #a82da4);
  }
  7% {
    background: -webkit-linear-gradient(left, #782da8, #a82da3);
    background: linear-gradient(to right, #782da8, #a82da3);
  }
  8% {
    background: -webkit-linear-gradient(left, #7d2da8, #a82da3);
    background: linear-gradient(to right, #7d2da8, #a82da3);
  }
  9% {
    background: -webkit-linear-gradient(left, #822da8, #a82da3);
    background: linear-gradient(to right, #822da8, #a82da3);
  }
  10% {
    background: -webkit-linear-gradient(left, #872da8, #a82da3);
    background: linear-gradient(to right, #872da8, #a82da3);
  }
  11% {
    background: -webkit-linear-gradient(left, #8c2da8, #a82da4);
    background: linear-gradient(to right, #8c2da8, #a82da4);
  }
  12% {
    background: -webkit-linear-gradient(left, #902da8, #a82da5);
    background: linear-gradient(to right, #902da8, #a82da5);
  }
  13% {
    background: -webkit-linear-gradient(left, #942da8, #a82da7);
    background: linear-gradient(to right, #942da8, #a82da7);
  }
  14% {
    background: -webkit-linear-gradient(left, #982da8, #a72da8);
    background: linear-gradient(to right, #982da8, #a72da8);
  }
  15% {
    background: -webkit-linear-gradient(left, #9c2da8, #a52da8);
    background: linear-gradient(to right, #9c2da8, #a52da8);
  }
  16% {
    background: -webkit-linear-gradient(left, #9f2da8, #a32da8);
    background: linear-gradient(to right, #9f2da8, #a32da8);
  }
  17% {
    background: -webkit-linear-gradient(left, #a22da8, #a02da8);
    background: linear-gradient(to right, #a22da8, #a02da8);
  }
  18% {
    background: -webkit-linear-gradient(left, #a42da8, #9d2da8);
    background: linear-gradient(to right, #a42da8, #9d2da8);
  }
  19% {
    background: -webkit-linear-gradient(left, #a72da8, #992da8);
    background: linear-gradient(to right, #a72da8, #992da8);
  }
  20% {
    background: -webkit-linear-gradient(left, #a82da7, #962da8);
    background: linear-gradient(to right, #a82da7, #962da8);
  }
  21% {
    background: -webkit-linear-gradient(left, #a82da6, #922da8);
    background: linear-gradient(to right, #a82da6, #922da8);
  }
  22% {
    background: -webkit-linear-gradient(left, #a82da4, #8d2da8);
    background: linear-gradient(to right, #a82da4, #8d2da8);
  }
  23% {
    background: -webkit-linear-gradient(left, #a82da3, #892da8);
    background: linear-gradient(to right, #a82da3, #892da8);
  }
  24% {
    background: -webkit-linear-gradient(left, #a82da3, #842da8);
    background: linear-gradient(to right, #a82da3, #842da8);
  }
  25% {
    background: -webkit-linear-gradient(left, #a82da3, #7f2da8);
    background: linear-gradient(to right, #a82da3, #7f2da8);
  }
  26% {
    background: -webkit-linear-gradient(left, #a82da3, #7a2da8);
    background: linear-gradient(to right, #a82da3, #7a2da8);
  }
  27% {
    background: -webkit-linear-gradient(left, #a82da3, #752da8);
    background: linear-gradient(to right, #a82da3, #752da8);
  }
  28% {
    background: -webkit-linear-gradient(left, #a82da4, #6f2da8);
    background: linear-gradient(to right, #a82da4, #6f2da8);
  }
  29% {
    background: -webkit-linear-gradient(left, #a82da6, #6a2da8);
    background: linear-gradient(to right, #a82da6, #6a2da8);
  }
  30% {
    background: -webkit-linear-gradient(left, #a82da7, #642da8);
    background: linear-gradient(to right, #a82da7, #642da8);
  }
  31% {
    background: -webkit-linear-gradient(left, #a72da8, #5e2da8);
    background: linear-gradient(to right, #a72da8, #5e2da8);
  }
  32% {
    background: -webkit-linear-gradient(left, #a42da8, #592da8);
    background: linear-gradient(to right, #a42da8, #592da8);
  }
  33% {
    background: -webkit-linear-gradient(left, #a22da8, #532da8);
    background: linear-gradient(to right, #a22da8, #532da8);
  }
  34% {
    background: -webkit-linear-gradient(left, #9f2da8, #4d2da8);
    background: linear-gradient(to right, #9f2da8, #4d2da8);
  }
  35% {
    background: -webkit-linear-gradient(left, #9c2da8, #472da8);
    background: linear-gradient(to right, #9c2da8, #472da8);
  }
  36% {
    background: -webkit-linear-gradient(left, #982da8, #422da8);
    background: linear-gradient(to right, #982da8, #422da8);
  }
  37% {
    background: -webkit-linear-gradient(left, #942da8, #3c2da8);
    background: linear-gradient(to right, #942da8, #3c2da8);
  }
  38% {
    background: -webkit-linear-gradient(left, #902da8, #362da8);
    background: linear-gradient(to right, #902da8, #362da8);
  }
  39% {
    background: -webkit-linear-gradient(left, #8c2da8, #312da8);
    background: linear-gradient(to right, #8c2da8, #312da8);
  }
  40% {
    background: -webkit-linear-gradient(left, #872da8, #2d2fa8);
    background: linear-gradient(to right, #872da8, #2d2fa8);
  }
  41% {
    background: -webkit-linear-gradient(left, #822da8, #2d34a8);
    background: linear-gradient(to right, #822da8, #2d34a8);
  }
  42% {
    background: -webkit-linear-gradient(left, #7d2da8, #2d39a8);
    background: linear-gradient(to right, #7d2da8, #2d39a8);
  }
  43% {
    background: -webkit-linear-gradient(left, #782da8, #2d3ea8);
    background: linear-gradient(to right, #782da8, #2d3ea8);
  }
  44% {
    background: -webkit-linear-gradient(left, #732da8, #2d42a8);
    background: linear-gradient(to right, #732da8, #2d42a8);
  }
  45% {
    background: -webkit-linear-gradient(left, #6e2da8, #2d47a8);
    background: linear-gradient(to right, #6e2da8, #2d47a8);
  }
  46% {
    background: -webkit-linear-gradient(left, #682da8, #2d4ba8);
    background: linear-gradient(to right, #682da8, #2d4ba8);
  }
  47% {
    background: -webkit-linear-gradient(left, #622da8, #2d4fa8);
    background: linear-gradient(to right, #622da8, #2d4fa8);
  }
  48% {
    background: -webkit-linear-gradient(left, #5d2da8, #2d52a8);
    background: linear-gradient(to right, #5d2da8, #2d52a8);
  }
  49% {
    background: -webkit-linear-gradient(left, #572da8, #2d56a8);
    background: linear-gradient(to right, #572da8, #2d56a8);
  }
  50% {
    background: -webkit-linear-gradient(left, #512da8, #2d59a8);
    background: linear-gradient(to right, #512da8, #2d59a8);
  }
  51% {
    background: -webkit-linear-gradient(left, #4b2da8, #2d5ca8);
    background: linear-gradient(to right, #4b2da8, #2d5ca8);
  }
  52% {
    background: -webkit-linear-gradient(left, #452da8, #2d5ea8);
    background: linear-gradient(to right, #452da8, #2d5ea8);
  }
  53% {
    background: -webkit-linear-gradient(left, #402da8, #2d60a8);
    background: linear-gradient(to right, #402da8, #2d60a8);
  }
  54% {
    background: -webkit-linear-gradient(left, #3a2da8, #2d62a8);
    background: linear-gradient(to right, #3a2da8, #2d62a8);
  }
  55% {
    background: -webkit-linear-gradient(left, #342da8, #2d63a8);
    background: linear-gradient(to right, #342da8, #2d63a8);
  }
  56% {
    background: -webkit-linear-gradient(left, #2f2da8, #2d64a8);
    background: linear-gradient(to right, #2f2da8, #2d64a8);
  }
  57% {
    background: -webkit-linear-gradient(left, #2d30a8, #2d65a8);
    background: linear-gradient(to right, #2d30a8, #2d65a8);
  }
  58% {
    background: -webkit-linear-gradient(left, #2d35a8, #2d65a8);
    background: linear-gradient(to right, #2d35a8, #2d65a8);
  }
  59% {
    background: -webkit-linear-gradient(left, #2d3aa8, #2d65a8);
    background: linear-gradient(to right, #2d3aa8, #2d65a8);
  }
  60% {
    background: -webkit-linear-gradient(left, #2d3fa8, #2d65a8);
    background: linear-gradient(to right, #2d3fa8, #2d65a8);
  }
  61% {
    background: -webkit-linear-gradient(left, #2d44a8, #2d64a8);
    background: linear-gradient(to right, #2d44a8, #2d64a8);
  }
  62% {
    background: -webkit-linear-gradient(left, #2d48a8, #2d63a8);
    background: linear-gradient(to right, #2d48a8, #2d63a8);
  }
  63% {
    background: -webkit-linear-gradient(left, #2d4ca8, #2d61a8);
    background: linear-gradient(to right, #2d4ca8, #2d61a8);
  }
  64% {
    background: -webkit-linear-gradient(left, #2d50a8, #2d5fa8);
    background: linear-gradient(to right, #2d50a8, #2d5fa8);
  }
  65% {
    background: -webkit-linear-gradient(left, #2d54a8, #2d5da8);
    background: linear-gradient(to right, #2d54a8, #2d5da8);
  }
  66% {
    background: -webkit-linear-gradient(left, #2d57a8, #2d5ba8);
    background: linear-gradient(to right, #2d57a8, #2d5ba8);
  }
  67% {
    background: -webkit-linear-gradient(left, #2d5aa8, #2d58a8);
    background: linear-gradient(to right, #2d5aa8, #2d58a8);
  }
  68% {
    background: -webkit-linear-gradient(left, #2d5ca8, #2d55a8);
    background: linear-gradient(to right, #2d5ca8, #2d55a8);
  }
  69% {
    background: -webkit-linear-gradient(left, #2d5fa8, #2d51a8);
    background: linear-gradient(to right, #2d5fa8, #2d51a8);
  }
  70% {
    background: -webkit-linear-gradient(left, #2d61a8, #2d4ea8);
    background: linear-gradient(to right, #2d61a8, #2d4ea8);
  }
  71% {
    background: -webkit-linear-gradient(left, #2d62a8, #2d4aa8);
    background: linear-gradient(to right, #2d62a8, #2d4aa8);
  }
  72% {
    background: -webkit-linear-gradient(left, #2d64a8, #2d45a8);
    background: linear-gradient(to right, #2d64a8, #2d45a8);
  }
  73% {
    background: -webkit-linear-gradient(left, #2d65a8, #2d41a8);
    background: linear-gradient(to right, #2d65a8, #2d41a8);
  }
  74% {
    background: -webkit-linear-gradient(left, #2d65a8, #2d3ca8);
    background: linear-gradient(to right, #2d65a8, #2d3ca8);
  }
  75% {
    background: -webkit-linear-gradient(left, #2d65a8, #2d37a8);
    background: linear-gradient(to right, #2d65a8, #2d37a8);
  }
  76% {
    background: -webkit-linear-gradient(left, #2d65a8, #2d32a8);
    background: linear-gradient(to right, #2d65a8, #2d32a8);
  }
  77% {
    background: -webkit-linear-gradient(left, #2d65a8, #2d2da8);
    background: linear-gradient(to right, #2d65a8, #2d2da8);
  }
  78% {
    background: -webkit-linear-gradient(left, #2d64a8, #332da8);
    background: linear-gradient(to right, #2d64a8, #332da8);
  }
  79% {
    background: -webkit-linear-gradient(left, #2d62a8, #382da8);
    background: linear-gradient(to right, #2d62a8, #382da8);
  }
  80% {
    background: -webkit-linear-gradient(left, #2d61a8, #3e2da8);
    background: linear-gradient(to right, #2d61a8, #3e2da8);
  }
  81% {
    background: -webkit-linear-gradient(left, #2d5fa8, #442da8);
    background: linear-gradient(to right, #2d5fa8, #442da8);
  }
  82% {
    background: -webkit-linear-gradient(left, #2d5ca8, #492da8);
    background: linear-gradient(to right, #2d5ca8, #492da8);
  }
  83% {
    background: -webkit-linear-gradient(left, #2d5aa8, #4f2da8);
    background: linear-gradient(to right, #2d5aa8, #4f2da8);
  }
  84% {
    background: -webkit-linear-gradient(left, #2d57a8, #552da8);
    background: linear-gradient(to right, #2d57a8, #552da8);
  }
  85% {
    background: -webkit-linear-gradient(left, #2d54a8, #5b2da8);
    background: linear-gradient(to right, #2d54a8, #5b2da8);
  }
  86% {
    background: -webkit-linear-gradient(left, #2d50a8, #602da8);
    background: linear-gradient(to right, #2d50a8, #602da8);
  }
  87% {
    background: -webkit-linear-gradient(left, #2d4ca8, #662da8);
    background: linear-gradient(to right, #2d4ca8, #662da8);
  }
  88% {
    background: -webkit-linear-gradient(left, #2d48a8, #6c2da8);
    background: linear-gradient(to right, #2d48a8, #6c2da8);
  }
  89% {
    background: -webkit-linear-gradient(left, #2d44a8, #712da8);
    background: linear-gradient(to right, #2d44a8, #712da8);
  }
  90% {
    background: -webkit-linear-gradient(left, #2d3fa8, #772da8);
    background: linear-gradient(to right, #2d3fa8, #772da8);
  }
  91% {
    background: -webkit-linear-gradient(left, #2d3aa8, #7c2da8);
    background: linear-gradient(to right, #2d3aa8, #7c2da8);
  }
  92% {
    background: -webkit-linear-gradient(left, #2d35a8, #812da8);
    background: linear-gradient(to right, #2d35a8, #812da8);
  }
  93% {
    background: -webkit-linear-gradient(left, #2d30a8, #862da8);
    background: linear-gradient(to right, #2d30a8, #862da8);
  }
  94% {
    background: -webkit-linear-gradient(left, #2f2da8, #8a2da8);
    background: linear-gradient(to right, #2f2da8, #8a2da8);
  }
  95% {
    background: -webkit-linear-gradient(left, #342da8, #8f2da8);
    background: linear-gradient(to right, #342da8, #8f2da8);
  }
  96% {
    background: -webkit-linear-gradient(left, #3a2da8, #932da8);
    background: linear-gradient(to right, #3a2da8, #932da8);
  }
  97% {
    background: -webkit-linear-gradient(left, #402da8, #972da8);
    background: linear-gradient(to right, #402da8, #972da8);
  }
  98% {
    background: -webkit-linear-gradient(left, #452da8, #9b2da8);
    background: linear-gradient(to right, #452da8, #9b2da8);
  }
  99% {
    background: -webkit-linear-gradient(left, #4b2da8, #9e2da8);
    background: linear-gradient(to right, #4b2da8, #9e2da8);
  }
  100% {
    background: -webkit-linear-gradient(left, #512da8, #a12da8);
    background: linear-gradient(to right, #512da8, #a12da8);
  }
}
@keyframes colorChange {
  0% {
    background: linear-gradient(to right, #512da8, #a12da8);
  }
  1% {
    background: linear-gradient(to right, #572da8, #a42da8);
  }
  2% {
    background: linear-gradient(to right, #5d2da8, #a62da8);
  }
  3% {
    background: linear-gradient(to right, #622da8, #a82da8);
  }
  4% {
    background: linear-gradient(to right, #682da8, #a82da6);
  }
  5% {
    background: linear-gradient(to right, #6e2da8, #a82da5);
  }
  6% {
    background: linear-gradient(to right, #732da8, #a82da4);
  }
  7% {
    background: linear-gradient(to right, #782da8, #a82da3);
  }
  8% {
    background: linear-gradient(to right, #7d2da8, #a82da3);
  }
  9% {
    background: linear-gradient(to right, #822da8, #a82da3);
  }
  10% {
    background: linear-gradient(to right, #872da8, #a82da3);
  }
  11% {
    background: linear-gradient(to right, #8c2da8, #a82da4);
  }
  12% {
    background: linear-gradient(to right, #902da8, #a82da5);
  }
  13% {
    background: linear-gradient(to right, #942da8, #a82da7);
  }
  14% {
    background: linear-gradient(to right, #982da8, #a72da8);
  }
  15% {
    background: linear-gradient(to right, #9c2da8, #a52da8);
  }
  16% {
    background: linear-gradient(to right, #9f2da8, #a32da8);
  }
  17% {
    background: linear-gradient(to right, #a22da8, #a02da8);
  }
  18% {
    background: linear-gradient(to right, #a42da8, #9d2da8);
  }
  19% {
    background: linear-gradient(to right, #a72da8, #992da8);
  }
  20% {
    background: linear-gradient(to right, #a82da7, #962da8);
  }
  21% {
    background: linear-gradient(to right, #a82da6, #922da8);
  }
  22% {
    background: linear-gradient(to right, #a82da4, #8d2da8);
  }
  23% {
    background: linear-gradient(to right, #a82da3, #892da8);
  }
  24% {
    background: linear-gradient(to right, #a82da3, #842da8);
  }
  25% {
    background: linear-gradient(to right, #a82da3, #7f2da8);
  }
  26% {
    background: linear-gradient(to right, #a82da3, #7a2da8);
  }
  27% {
    background: linear-gradient(to right, #a82da3, #752da8);
  }
  28% {
    background: linear-gradient(to right, #a82da4, #6f2da8);
  }
  29% {
    background: linear-gradient(to right, #a82da6, #6a2da8);
  }
  30% {
    background: linear-gradient(to right, #a82da7, #642da8);
  }
  31% {
    background: linear-gradient(to right, #a72da8, #5e2da8);
  }
  32% {
    background: linear-gradient(to right, #a42da8, #592da8);
  }
  33% {
    background: linear-gradient(to right, #a22da8, #532da8);
  }
  34% {
    background: linear-gradient(to right, #9f2da8, #4d2da8);
  }
  35% {
    background: linear-gradient(to right, #9c2da8, #472da8);
  }
  36% {
    background: linear-gradient(to right, #982da8, #422da8);
  }
  37% {
    background: linear-gradient(to right, #942da8, #3c2da8);
  }
  38% {
    background: linear-gradient(to right, #902da8, #362da8);
  }
  39% {
    background: linear-gradient(to right, #8c2da8, #312da8);
  }
  40% {
    background: linear-gradient(to right, #872da8, #2d2fa8);
  }
  41% {
    background: linear-gradient(to right, #822da8, #2d34a8);
  }
  42% {
    background: linear-gradient(to right, #7d2da8, #2d39a8);
  }
  43% {
    background: linear-gradient(to right, #782da8, #2d3ea8);
  }
  44% {
    background: linear-gradient(to right, #732da8, #2d42a8);
  }
  45% {
    background: linear-gradient(to right, #6e2da8, #2d47a8);
  }
  46% {
    background: linear-gradient(to right, #682da8, #2d4ba8);
  }
  47% {
    background: linear-gradient(to right, #622da8, #2d4fa8);
  }
  48% {
    background: linear-gradient(to right, #5d2da8, #2d52a8);
  }
  49% {
    background: linear-gradient(to right, #572da8, #2d56a8);
  }
  50% {
    background: linear-gradient(to right, #512da8, #2d59a8);
  }
  51% {
    background: linear-gradient(to right, #4b2da8, #2d5ca8);
  }
  52% {
    background: linear-gradient(to right, #452da8, #2d5ea8);
  }
  53% {
    background: linear-gradient(to right, #402da8, #2d60a8);
  }
  54% {
    background: linear-gradient(to right, #3a2da8, #2d62a8);
  }
  55% {
    background: linear-gradient(to right, #342da8, #2d63a8);
  }
  56% {
    background: linear-gradient(to right, #2f2da8, #2d64a8);
  }
  57% {
    background: linear-gradient(to right, #2d30a8, #2d65a8);
  }
  58% {
    background: linear-gradient(to right, #2d35a8, #2d65a8);
  }
  59% {
    background: linear-gradient(to right, #2d3aa8, #2d65a8);
  }
  60% {
    background: linear-gradient(to right, #2d3fa8, #2d65a8);
  }
  61% {
    background: linear-gradient(to right, #2d44a8, #2d64a8);
  }
  62% {
    background: linear-gradient(to right, #2d48a8, #2d63a8);
  }
  63% {
    background: linear-gradient(to right, #2d4ca8, #2d61a8);
  }
  64% {
    background: linear-gradient(to right, #2d50a8, #2d5fa8);
  }
  65% {
    background: linear-gradient(to right, #2d54a8, #2d5da8);
  }
  66% {
    background: linear-gradient(to right, #2d57a8, #2d5ba8);
  }
  67% {
    background: linear-gradient(to right, #2d5aa8, #2d58a8);
  }
  68% {
    background: linear-gradient(to right, #2d5ca8, #2d55a8);
  }
  69% {
    background: linear-gradient(to right, #2d5fa8, #2d51a8);
  }
  70% {
    background: linear-gradient(to right, #2d61a8, #2d4ea8);
  }
  71% {
    background: linear-gradient(to right, #2d62a8, #2d4aa8);
  }
  72% {
    background: linear-gradient(to right, #2d64a8, #2d45a8);
  }
  73% {
    background: linear-gradient(to right, #2d65a8, #2d41a8);
  }
  74% {
    background: linear-gradient(to right, #2d65a8, #2d3ca8);
  }
  75% {
    background: linear-gradient(to right, #2d65a8, #2d37a8);
  }
  76% {
    background: linear-gradient(to right, #2d65a8, #2d32a8);
  }
  77% {
    background: linear-gradient(to right, #2d65a8, #2d2da8);
  }
  78% {
    background: linear-gradient(to right, #2d64a8, #332da8);
  }
  79% {
    background: linear-gradient(to right, #2d62a8, #382da8);
  }
  80% {
    background: linear-gradient(to right, #2d61a8, #3e2da8);
  }
  81% {
    background: linear-gradient(to right, #2d5fa8, #442da8);
  }
  82% {
    background: linear-gradient(to right, #2d5ca8, #492da8);
  }
  83% {
    background: linear-gradient(to right, #2d5aa8, #4f2da8);
  }
  84% {
    background: linear-gradient(to right, #2d57a8, #552da8);
  }
  85% {
    background: linear-gradient(to right, #2d54a8, #5b2da8);
  }
  86% {
    background: linear-gradient(to right, #2d50a8, #602da8);
  }
  87% {
    background: linear-gradient(to right, #2d4ca8, #662da8);
  }
  88% {
    background: linear-gradient(to right, #2d48a8, #6c2da8);
  }
  89% {
    background: linear-gradient(to right, #2d44a8, #712da8);
  }
  90% {
    background: linear-gradient(to right, #2d3fa8, #772da8);
  }
  91% {
    background: linear-gradient(to right, #2d3aa8, #7c2da8);
  }
  92% {
    background: linear-gradient(to right, #2d35a8, #812da8);
  }
  93% {
    background: linear-gradient(to right, #2d30a8, #862da8);
  }
  94% {
    background: linear-gradient(to right, #2f2da8, #8a2da8);
  }
  95% {
    background: linear-gradient(to right, #342da8, #8f2da8);
  }
  96% {
    background: linear-gradient(to right, #3a2da8, #932da8);
  }
  97% {
    background: linear-gradient(to right, #402da8, #972da8);
  }
  98% {
    background: linear-gradient(to right, #452da8, #9b2da8);
  }
  99% {
    background: linear-gradient(to right, #4b2da8, #9e2da8);
  }
  100% {
    background: linear-gradient(to right, #512da8, #a12da8);
  }
}