src/app/globals.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

@import 'tailwindcss';

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.link,
.markdown a {
  @apply text-blue-900 underline hover:bg-blue-900 hover:text-white;
}

.markdown {
  @apply space-y-4 text-lg leading-relaxed;
}

.markdown h1 {
  @apply text-3xl font-bold;
}

.markdown h2 {
  @apply text-2xl font-semibold;
}

.markdown h3 {
  @apply text-xl font-semibold;
}

.markdown ul {
  @apply list-disc pl-8;
}

.markdown ol {
  @apply list-decimal pl-8;
}