@import 'tailwindcss';
@plugin 'daisyui' {
  themes:
    dark --default,
    lofi;
  logs: false;
}

@font-face {
  font-family: Geist;
  src: url('../assets/fonts/Geist.ttf') format('truetype');
}

@font-face {
  font-family: GeistMono;
  src: url('../assets/fonts/GeistMono.ttf') format('truetype');
}

@font-face {
  font-family: Minecraft;
  src: url('../assets/fonts/MinecraftRegular.otf') format('opentype');
}

@theme {
  --font-geist: 'Geist', sans-serif;
  --font-geist-mono: 'GeistMono', monospace;
  --font-minecraft: 'Minecraft', sans-serif;
}

html {
  @apply font-geist;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-minecraft;
}

@layer utilities {
  .btn.loading-overlay {
    @apply btn-disabled relative;

    &::before,
    &::after {
      content: '';
      box-sizing: border-box;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 2px solid #fff;
      position: absolute;
      animation: animloader 2s linear infinite;
    }

    &::after {
      opacity: 0;
      animation-delay: 1s;
    }
  }
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
