<script lang="ts">
import "./prism-one-dark.css";
import Navbar from "$lib/components/Navbar.svelte";
</script>

<Navbar title="Блог"></Navbar>

<article class="px-2 py-8 md:px-8 max-w-[980px] mx-auto text-lg">
  <slot />
</article>

<style lang="postcss">
:global(h1) {
  @apply text-3xl my-6;
}

:global(h2) {
  @apply text-3xl my-4;
}

:global(h3) {
  @apply text-2xl my-2;
}

:global(h4) {
  @apply text-xl my-2;
}

:global(pre, code) {
  @apply rounded-lg;
}

:global(pre code) {
  @apply p-0;
}

:global(code) {
  background: rgb(40, 44, 52);
  color: rgb(209, 154, 102);
  @apply px-2 py-0.5;
}
</style>
