html, body { margin:0; padding:0; overflow:hidden; background-color: black; }
svg { 
  position:fixed; 
  top:0; bottom:0; left:0; right:0; 
  filter: hue-rotate(0deg);
  animation: colorshift-animation infinite 19s linear;
  /*animation: spin 100s infinite linear;*/
}

.petal {
  fill: rgba(123, 255, 64, 0);
  /*stroke: rgba(13, 145, 13, 1);*/
}



g {
  animation: spin-animation infinite 76s linear;
}


/*@keyframes heartbeat {
  0%   { transform: scale(0.5) }
  50%  { transform: scale(1.5) }
  100% { transform: scale(0.5) }
}*/

@keyframes colorshift-animation {
  from { filter: hue-rotate(0deg);}
  to { filter: hue-rotate(360deg);}
}

@keyframes spin-animation {
  from { transform: rotate(0deg);}
  to { transform: rotate(360deg);}
}