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

@layer components {
  .link {
    @apply text-blue underline;
  }
  .link:visited {
    @apply text-lavender;
  }
  .link:hover,
  .link:active,
  .link:focus {
    @apply no-underline text-sky outline-2 outline-sky;
  }
  .outline-link {
    @apply outline-offset-4 outline-2 outline-sky;
  }
}