diff --git a/css/index.css b/css/index.css
index e69de29..15f2fdb 100644
--- a/css/index.css
+++ b/css/index.css
@@ -0,0 +1,38 @@
+:root {
+ /* https://catppuccin.com/palette/ */
+ /* Catppuccin Mocha */
+ /* accents */
+ --rosewater: #f5e0dc;
+ --flamingo: #f2cdcd;
+ --pink: #f5c2e7;
+ --mauve: #cba6f7;
+ --red: #f38ba8;
+ --maroon: #eba0ac;
+ --peach: #fab387;
+ --yellow: #f9e2af;
+ --green: #a6e3a1;
+ --teal: #94e2d5;
+ --sky: #89dceb;
+ --saphire: #74c7ec;
+ --blue: #89b4fa; /* a lovely new blue passport */
+ --lavender: #b4befe;
+ /* Text */
+ --text: #cdd6f4;
+ --subtext-0: #a6adc8;
+ --subtext-1: #bac2de;
+ --overlay-0: #6c7086;
+ --overlay-1: #7f849c;
+ --overlay-2: #9399b2;
+ --surface-0: #313244;
+ --surface-1: #45475a;
+ --surface-2: #585b70;
+ /* Backgrounds */
+ --base: #1e1e2e;
+ --mantle: #181825;
+ --crust: #11111b; /* Is this the crusty crab? */
+}
+
+html, body {
+ background-color: var(--base);
+ color: var(--text);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index cffd54e..181e5b4 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,10 @@
I'm Bad At This
+
Test
+