
@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}
@custom-variant dark (&:where(.dark, .dark *));

.shadowme{
    box-shadow: 0px 0px 10px black;
}
@keyframes rotateEaseInOut {
  0% {
    transform: rotate(5deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(10deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: rotate(5deg);
    animation-timing-function: ease-in;
  }
}

/* Usage example */
.element-to-rotate {
  animation: rotateEaseInOut 2s infinite;
  transform-origin: center center; /* Set rotation point */
}
