@import "tailwindcss";
@import "./syntax.css";
@import "typeface-merriweather";

@plugin "@tailwindcss/typography";

@theme {
    --font-serif: "Merriweather", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --color-solarized: #fdf6e3;
}

.prose {
    --tw-prose-links: var(--color-indigo-600);
    --tw-prose-pre-bg: var(--color-solarized);
    --tw-prose-pre-code: inherit;
}

.prose a {
    font-style: italic;
}

.prose pre code::after {
    content: none !important;
}

.prose pre {
    width: 100vw;
    margin-left: calc(-1 * max(50vw - 450px + 1rem, 1rem));
    padding-left: max(50vw - 450px + 1rem, 1rem);
    padding-right: 1rem;
    border-radius: 0;
    overflow-x: visible;
}

@utility container {
    max-width: 900px;
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
}