@keyframes logo-animation {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2px);
  }
}

#Logo > g path:nth-last-of-type(1) {
  fill: #5E12FF !important;
}

#Logo > g path:nth-last-of-type(2) {
  fill: hsl(259, 100%, 62%) !important;
}

#Logo > #middleVector path:nth-last-of-type(2) {
  fill: #5E12FF !important;
}


#Logo #rightVector {
  animation: logo-animation 1.5s ease-in-out 0.3s infinite alternate-reverse;
}
#Logo #leftVector {
  animation: logo-animation 1.5s ease-in-out 0s infinite alternate;
}
#Title path:nth-child(1) {
  animation: title-animation 10s 30ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(2) {
  animation: title-animation 10s 60ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(3) {
  animation: title-animation 10s 90ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(4) {
  animation: title-animation 10s 120ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(5) {
  animation: title-animation 10s 150ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(6) {
  animation: title-animation 10s 180ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(7) {
  animation: title-animation 10s 210ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(8) {
  animation: title-animation 10s 240ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(9) {
  animation: title-animation 10s 270ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}
#Title path:nth-child(10) {
  animation: title-animation 10s 300ms ease-in-out infinite;
}
@keyframes title-animation {
  0% {
    fill: black;
  }
  98% {
    fill: black;
  }
  99% {
    fill: #AA82FF;
  }
  100% {
    fill: black;
  }
}