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

@layer components {
  .notimpl {
    @apply italic font-light list-image-possible;
  }

  div.infobox {
    @apply m-2 px-4 pt-2 flex-col shadow-md rounded-2xl border-8 border-double;
    @apply divide-solid divide-y-2;
  }

  span>a::after {
    @apply content-link w-3 h-3 inline-block invert;
  }

  span>a {
    @apply text-base text-uiblue-400;
  }

  span>a:visited {
    @apply text-base text-uiorange-400;
  }
}