.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 12px;
  height: 28px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #0095ff; /* Blue */
  box-shadow: 0px 4.6px 24px 3px #0095ff;
  animation-name: flash-blue;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(2n+1) {
  background: #00ff4c; /* Green */
  box-shadow: 0px 4.6px 24px 3px #00ff4c;
  animation-name: flash-green;
  animation-duration: 1.6s;
}

.lightrope li:nth-child(4n+2) {
  background: #ff3b3b; /* Red */
  box-shadow: 0px 4.6px 24px 3px #ff3b3b;
  animation-name: flash-red;
  animation-duration: 1.3s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.3px;
  border-radius: 3px;
  top: -4.6px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.6px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}

/* BLUE Animation */
@keyframes flash-blue {
  0%, 100% {
    background: #0095ff;
    box-shadow: 0px 4.6px 24px 3px #0095ff;
  }
  50% {
    background: rgba(0, 149, 255, 0.4);
    box-shadow: 0px 4.6px 24px 3px rgba(0, 149, 255, 0.2);
  }
}

/* GREEN Animation */
@keyframes flash-green {
  0%, 100% {
    background: #00ff4c;
    box-shadow: 0px 4.6px 24px 3px #00ff4c;
  }
  50% {
    background: rgba(0, 255, 76, 0.4);
    box-shadow: 0px 4.6px 24px 3px rgba(0, 255, 76, 0.2);
  }
}

/* RED Animation */
@keyframes flash-red {
  0%, 100% {
    background: #ff3b3b;
    box-shadow: 0px 4.6px 24px 3px #ff3b3b;
  }
  50% {
    background: rgba(255, 59, 59, 0.4);
    box-shadow: 0px 4.6px 24px 3px rgba(255, 59, 59, 0.2);
  }
}
