.board polygon.active {
    animation: active-shadow 1s ease-in-out infinite alternate;
}

.board circle.active {
    animation: active-shadow 1s ease-in-out infinite alternate;
}

.board .bar.active {
    animation: active-shadow 1s ease-in-out infinite alternate;
}

.board circle.focused{
    animation: focused-shadow 1s ease-in-out infinite alternate;
}

@keyframes active-shadow {
  from {
    filter: drop-shadow( 0 0 1px #fff) drop-shadow( 0 0 8px darkgreen) drop-shadow( 0 0 15px green);
  }

  to {
    
    filter: drop-shadow( 0 0 10px #fff) drop-shadow( 0 0 16px darkgreen) drop-shadow( 0 0 26px green);
  }
}

@keyframes focused-shadow {
  from {
    filter: drop-shadow( 0 0 5px #fff) drop-shadow( 0 0 15px #e60073) drop-shadow( 0 0 20px #e60073);
  }

  to {
    filter: drop-shadow( 0 0 20px #fff) drop-shadow( 0 0 25px #e60073) drop-shadow( 0 0 40px #e60073);
  }

}