@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

/* This file is for your main application CSS */

/* The bio html comes directly from the Last.fm api,
* so there's no way to inject Tailwind classes in the <a> elements.
* To work around that, we set a class to the bio container snd style its children.
*/
.bio a {
  @apply font-semibold text-zinc-700 hover:text-zinc-500 dark:text-zinc-300 dark:hover:text-zinc-200;
}

.bio .license {
  @apply italic block;
}