1@tailwind base;
 2@tailwind components;
 3@tailwind utilities;
 4
 5@layer base {
 6  body {
 7    @apply bg-slate-100;
 8
 9    @apply dark:bg-zinc-900;
10    @apply dark:text-slate-100;
11  }
12
13  main {
14    @apply container;
15    @apply max-w-3xl;
16    @apply mx-auto;
17    @apply px-4;
18    @apply py-12;
19
20    font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
21      DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
22  }
23
24  h1 {
25    @apply text-2xl;
26    @apply font-bold;
27  }
28
29  h2 {
30    @apply text-xl;
31    @apply font-bold;
32    @apply mt-8;
33    @apply mb-4;
34  }
35
36  p {
37    @apply mt-8;
38  }
39
40  blockquote {
41    @apply text-gray-700;
42    @apply dark:text-gray-400;
43  }
44
45  blockquote p {
46    @apply mt-0;
47    @apply mb-4;
48  }
49
50  a {
51    @apply text-indigo-600;
52    @apply hover:text-indigo-400;
53    @apply transition-all;
54
55    @apply dark:text-indigo-400;
56    @apply dark:hover:text-indigo-200;
57  }
58
59  li {
60    list-style: none;
61  }
62
63  .post li {
64    list-style: "-";
65    padding-left: 0.5rem;
66    margin-left: 1rem;
67  }
68}