.particle-network-animation {
	position: absolute;
	top: 178px;
	left: 0;
	right: 0;
	height:70vh;
	/* background-color: #171717; */
  /* background-color: rgba(50, 50, 50,0.8); */
  /* background-image: url(http://web.frfr.me/dev/world-map-optimized.jpg); */
  /* background-image: url(https://www.syfy.com/sites/syfy/files/2020/05/tony-stark-new-element.jpg); */
  background-repeat: no-repeat;
}
  &::before {
    z-index: -2;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-image: url(https://www.syfy.com/sites/syfy/files/2020/05/tony-stark-new-element.jpg); */
    /* background-image: url(http://web.frfr.me/dev/world-map-optimized.jpg);  */
    /* background-image: url(https://images.unsplash.com/photo-1450849608880-6f787542c88a?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=786a67dca1d8791d181bfd90b16240d9); */
    background-position: center center;
  background-size: cover;
    /* opacity: 0.8; */
  }
.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  /* background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent); */
  
}

.glow-1 {
  width: 100vw;
  height: 200vh;
  margin-top: -75vh;
  margin-left: -75vw;
  /* animation: glow-1-move duration linear infinite both; */
}
@keyframes glow-1-move {
  from {
    transform: translate(-0%, 100%);
  }
  to {
    transform: translate(100%, -0%);
  }
}
.glow-2 {
  width: 100vw;
  height: 200vh;
  margin-top: -50vh;
  margin-left: -50vw;
  /* animation: glow-2-move duration linear duration / 3 infinite both; */
}
@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 100vw;
  height: 200vh;
  margin-top: -60vh;
  margin-left: -60vw;
  /* animation: glow-3-move duration linear duration / 3 * 2 infinite both; */
}
@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}

@media only screen and (max-width: 768px){
  .glow-1 {
    width: 10vw;
    height: 20vh;
    margin-top: -7vh;
    margin-left: -7vw;
    /* animation: glow-1-move duration linear infinite both; */
  }
  .glow-2 {
    width: 10vw;
    height: 20vh;
    margin-top: -5vh;
    margin-left: -5vw;
    /* animation: glow-2-move duration linear duration / 3 infinite both; */
  }
  .glow-3 {
    width: 10vw;
    height: 20vh;
    margin-top: -6vh;
    margin-left: -6vw;
    /* animation: glow-3-move duration linear duration / 3 * 2 infinite both; */
  }
}