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


#markdown-content {
  @apply prose-headings:font-semibold prose-headings:tracking-tighter;
  @apply prose-img:shadow-2xl prose-img:drop-shadow-sm prose-img:rounded-2xl prose-img:outline-2 prose-img:outline-stone-200 prose-img:outline-offset-4;
  @apply prose-a:text-amber-700 prose-a:underline;
}

.prose img {
  @apply shadow-lg rounded-xl ring-4 ring-stone-200;
}

.prose p:has(> img) + p {
  @apply -mt-4 text-center;
}
.prose p:has(> img) + p > em {
  @apply -mt-8 text-stone-400 text-sm;
}

mark {
  @apply bg-amber-200 px-1 py-0.5;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */