#site-icon {
  animation: spin 4s ease-in-out infinite;
}

#site-icon:hover {
  filter: drop-shadow(0px 0px 8px var(--c-accent));
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  25% {
    transform: rotate(90deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: ease-in-out;
  }
  75% {
    transform: rotate(270deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: rotate(360deg);
    animation-timing-function: ease-in-out;
  }
}