🚧 Adds tailwindcss catppuccin

app/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="w-screen h-full flex items-center justify-start flex-col font-mono">
+    <div class="w-screen h-full flex items-center justify-start flex-col font-mono bg-ctp-base">
         <div class="w-1 h-10 shrink-10" />
 
         <div
@@ -20,7 +20,7 @@
             <p class="mr-16">{{ $t("main.note.accessibility") }}</p>
             <div class="h-4" />
 
-            <h1 class="text-xl">
+            <h1 class="text-xl text-ctp-primary">
                 {{ $t("main.intro.0") }}
                 <span class="font-bold">{{ $t("main.intro.1") }}</span> ({{
                     $t("main.intro.2")