//if choppy, lower $count
$count: (6 * 30); //best if multiple of 6
//-----------------------
$contrast: 20;
$blur: 5px;
$dot-size: 20px; 
$spin-speed: 8s; 
$swell-speed: 7s; 
$color-shift: 180deg / $count;
$shadow: 0 0 black;
$shadow2: $shadow;
$color: plum ;//rgba(#bada55, 1);
$spin: 360deg;
@for $i from 1 through $count { 
	$shadow: $shadow, (cos($i) * (1px * $i)) (sin($i ) * (1px * $i)) adjust-hue($color, ($color-shift * $i)) !global;
}

@for $i from 1 through $count { 
  $shadow2: $shadow2, (cos($i) * (1px * $count * 0.6)) (sin($i) * (1px * $count * 0.6)) adjust-hue($color, ($color-shift * $i)) !global;
}



body,html {
  background-color: black;
  height: 100%;
  -webkit-filter: contrast($contrast); 
}
.debug{ the-shadow-is: $shadow;}
.galactic-core {
  -webkit-filter: blur($blur) ; 
  height: $dot-size; 
  width: $dot-size;
  border-radius: 50%;
  //background: $color; 
  box-shadow: $shadow;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: ($dot-size * -0.5) 0 0 ($dot-size * -0.5);
  animation: say-what $swell-speed ease-in-out infinite, spin $spin-speed linear infinite;
  &:hover {animation-play-state: paused;}
}

@keyframes say-what {
  0%, 100% {box-shadow: $shadow;}
  50% {box-shadow: $shadow2;}
}
@keyframes spin {
  100%{transform: rotate($spin); }
}