diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 61f5cf9..49a21e2 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,6 +1,12 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
 
+@utility text-stroke-* {
+  -webkit-text-stroke-width: calc(--value(integer) * 1px);
+  -webkit-text-stroke-color: --value(--color-*);
+  -webkit-text-stroke-color: --value([*]);
+}
+
 @theme {
   --animate-wave: wave 2.5s infinite;
   --font-mono: 'Monaspace Neon', 'ui monaspace', monospace;
@@ -51,4 +57,4 @@
 
 .sofia {
   --ui-font-family: 'Sofia Sans', sans-serif;
-}
\ No newline at end of file
+}