@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  @apply bg-base-200;
}

::-webkit-scrollbar-thumb {
  @apply bg-base-content/20 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-base-content/30;
}

/* Animations */
@keyframes shadow-roll {
  0% {
    box-shadow: 0 0 0 0 currentColor;
  }
  100% {
    box-shadow: 0 0 20px 10px transparent;
  }
}

.animate-shadow-roll {
  animation: shadow-roll 1s ease-out;
}

/* Body and HTML full height */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  height: 100%;
}