✨ Update general style

- Smaller width of page
- Center navbar
- Fonts
- Catppuccin Mocha colours
- TODO.md
- Show all uses at the same time
- and more...

src/styles/global.css

@@ -1,28 +1,51 @@
 @import "tailwindcss";
+
 @plugin "@tailwindcss/typography";
 @plugin "daisyui";
 
+@theme {
+    --color-cat-rosewater: #f5e0dc;
+    --color-cat-flamingo: #f2cdcd;
+    --color-cat-pink: #f5c2e7;
+    --color-cat-mauve: #cba6f7;
+    --color-cat-red: #f38ba8;
+    --color-cat-maroon: #eba0ac;
+    --color-cat-peach: #fab387;
+    --color-cat-yellow: #f9e2af;
+    --color-cat-green: #a6e3a1;
+    --color-cat-teal: #94e2d5;
+    --color-cat-sky: #89dceb;
+    --color-cat-sapphire: #74c7ec;
+    --color-cat-blue: #89b4fa;
+    --color-cat-lavender: #b4befe;
+    --color-cat-text: #cdd6f4;
+    --color-cat-base: #1e1e2e;
+}
+
 @layer utilities {
-  .debug {
-    @apply border border-red-500;
-  }
+    .debug {
+        @apply border border-red-500;
+    }
 }
 
-@layer base {
-  br {
+br {
     @apply my-0.5;
-  }
-
-  h1 {
-    @apply text-4xl font-bold mb-2;
-  }
-
-  h2 {
-    @apply text-3xl font-bold mb-2;
-  }
-
-  /* TODO change default style*/
-  a {
-    @apply link;
-  }
+}
+
+h1 {
+    @apply text-4xl font-bold mb-2;
+}
+
+h2 {
+    @apply text-3xl font-bold mb-2;
+}
+
+h3 {
+    @apply text-2xl font-bold mb-2;
+}
+
+/* TODO change default style*/
+a {
+    @apply link;
+    text-decoration-line: none;
 }