diff --git a/styles/globals.css b/styles/globals.css
index da2ac485..2ea95957 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@config "../tailwind.config.cjs";
 
 @theme {
   --font-sans:
@@ -46,6 +47,18 @@
   --animate-slight-fade-in-from-bottom: slight-fade-in-from-bottom 0.8s
     cubic-bezier(0.16, 1, 0.3, 1) forwards;
   --animate-gradient-x: gradient-x 15s ease infinite;
+  --animate-draw-stroke: draw-stroke 1.8s ease-in-out 0.5s forwards;
+
+  @keyframes draw-stroke {
+    from {
+      stroke-dasharray: 1;
+      stroke-dashoffset: 1;
+    }
+    to {
+      stroke-dasharray: 1;
+      stroke-dashoffset: 0;
+    }
+  }
 
   @keyframes gradient-x {
     0%,