<script lang="ts">
  import "../app.css";
</script>

<svelte:head>
  <title>Anatoly Kopyl</title>
  <meta name="description" content="Fullstack developer with a passion for user-friendly design and providing value to the user." />
</svelte:head>

<slot />

<style lang="postcss">
  :global(html) {
    background: theme(colors.slate.950);
    color: white;
  }

  :global(a) {
    text-decoration: underline;
    text-decoration-color: theme(colors.slate.500);
    text-underline-offset: 4px;
    transition: text-decoration-color .2s;

    &:hover {
      text-decoration-color: inherit;
    }
  }

  :global(p:not(:last-of-type)) {
    @apply mb-2;
  }
</style>
