.accelerate, .orb1, .orb, .particle2, .particle1 {
  transform: translateZ(0);
  perspective: 1000;
  backface-visibility: hidden;
}

.particle1 {
  width: 100vh;
  height: 50vh;
  background: url("../images/particles2.png");
  position: absolute;
  z-index: 1000;
  opacity: 0.45;
  overflow: hidden;
  animation: particleOne 100s linear infinite;
  filter: blur(4px) brightness(0.9);
  -webkit-filter: blur(4px) brightness(0.9);
  background-size: contain;
}

.particle2 {
  width: 100vh;
  height: 50vh;
  filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg);
   background: url("../images/particles3.png");
  position: absolute;
  z-index: 1000;
  opacity: 0.45;
  overflow: hidden;
  animation: particleOne 160s linear infinite;
   background-size: contain;
}



.orb1 {
  position: absolute;
  z-index: 11;
}

.orb2 {
  top: 30%;
  left: 10%;
  opacity: 1;
  z-index: 50;
  filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg);
  animation: orb2 70s ease-out infinite;
}


.orb3 {
  top: 20%;
  left: 30%;
 opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb4 {
  top: 22%;
  left: 50%;
   opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb5 {
  top: 25%;
  left: 60%;
  opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb6 {
  top: 24%;
  left: 90%;
 opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}
.orb7 {
  top: 24%;
  left: 35%;
  opacity: 1;
  z-index: 50;
  filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg);
  animation: orb2 70s ease-out infinite;
}


.orb8 {
  top: 20%;
  left: 70%;
 opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb9 {
  top: 22%;
  left: 80%;
   opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb10 {
  top: 25%;
  left: 90%;
  opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}

.orb11 {
  top: 24%;
  left: 650%;
 opacity: 1;
  z-index: 50;
  /* filter: blur(1px) hue-rotate(-8deg);
  -webkit-filter: blur(1px) hue-rotate(-8deg); */
  animation: orb2 70s ease-out infinite;
}



@keyframes particleOne {
  50% {
    transform: translateX(200%);
  }
}
@keyframes orb {
  50% {
    transform: translateY(-5px);
  }
}
@keyframes orb2 {
  50% {
    transform: translateX(300px);
  }
}