body{
  background: #111;
  overflow: hidden;
}
.rap{
  transform-style: preserve-3d;
  transform: rotateX(60deg);
  position: absolute;
  top: 20%;
  left: 50%;
}
@for $i from 1 through 80{
  .spin:nth-child(#{$i}){
    width: $i*4px;
    height: $i*4px;
    border-radius: 100%;
    box-shadow: 0 $i*.2px adjust-hue(rgba(255,255,0,.6), $i*10%) inset;
    margin-top: $i*3px;
    margin-left: $i*-2px;
    position: absolute;
    animation: spin 2s $i*-.1s linear infinite;
  }
}
@for $i from 1 through 80{
  .nips:nth-child(#{$i}){
    position: absolute;
    transform: rotateZ(.5turn);
    
    &::after{
      content:'';
      width: $i*4px;
      height: $i*4px;
      border-radius: 100%;
      box-shadow: 0 $i*.2px adjust-hue(rgba(0,0,255,.6), $i*10%) inset;
      position: absolute;
      top: -830px;
      margin-top: $i*3px;
      margin-left: $i*-2px;
      animation: spin 2s $i*-.1s linear infinite;
      }
    }
  }
@keyframes spin{
  0%{transform: rotate(-1turn);
  }
}