variables in body
1 file changed, +3 -4
+3-4twench_landing_page/app/globals.css
| @@ -4,7 +4,7 @@ | ||
| 4 | 4 | |
| 5 | 5 | :root { |
| 6 | 6 | --background: #394b37; |
| 7 | - --foreground: #171717; | |
| 7 | + --foreground: white; | |
| 8 | 8 | --ts-small: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, |
| 9 | 9 | 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000; |
| 10 | 10 | --ts-medium: 4px 4px 0 #000, -4px -4px 0 #000, 4px -4px 0 #000, |
| @@ -12,11 +12,10 @@ | ||
| 12 | 12 | } |
| 13 | 13 | |
| 14 | 14 | body { |
| 15 | - color: white; | |
| 15 | + color: var(--foreground); | |
| 16 | 16 | background: var(--background); |
| 17 | 17 | font-family: Pixellari, Arial, Helvetica, sans-serif; |
| 18 | - text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, | |
| 19 | - -2px 2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000; | |
| 18 | + text-shadow: var(--ts-small); | |
| 20 | 19 | overflow-x: hidden; |
| 21 | 20 | } |
| 22 | 21 |