html {background-color: lighten(#693, 40%);}
.wrapper {position:fixed;top:50%;left:50%;margin-left:-100px;margin-top:-50px;}

@for $i from 1 through 71 {
  $deg:5*$i;
  .wrapper div:nth-child(#{$i}) {
    position:absolute;
    height:50px;
    width:50px;
    -webkit-transform-origin:100% 50%;
    -webkit-transform:rotate(#{$deg}deg);
  }
}

.wrapper div .bar {
  position:absolute;
  height:2px;
  width:20px;
  background-color:#369;
  left:0;
  border-radius:20px;
  -webkit-transform-origin:right;
  -webkit-animation:
    spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0%   {
    -webkit-transform:rotate(0deg);}
  50% {
    background-color:lighten(#369, 30%);
  }
  100% {
    -webkit-transform:rotate(360deg);}
}