diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..10f47b12
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "css.customData": [".vscode/tailwind.json"]
+}
\ No newline at end of file
diff --git a/.vscode/tailwind.json b/.vscode/tailwind.json
new file mode 100644
index 00000000..9ccc9985
--- /dev/null
+++ b/.vscode/tailwind.json
@@ -0,0 +1,55 @@
+{
+    "version": 1.1,
+    "atDirectives": [
+      {
+        "name": "@tailwind",
+        "description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#tailwind"
+          }
+        ]
+      },
+      {
+        "name": "@apply",
+        "description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#apply"
+          }
+        ]
+      },
+      {
+        "name": "@responsive",
+        "description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n  .alert {\n    background-color: #E53E3E;\n  }\n}\n```\n",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#responsive"
+          }
+        ]
+      },
+      {
+        "name": "@screen",
+        "description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n  /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n  /* ... */\n}\n```\n",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#screen"
+          }
+        ]
+      },
+      {
+        "name": "@variants",
+        "description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n   .btn-brand {\n    background-color: #3182CE;\n  }\n}\n```\n",
+        "references": [
+          {
+            "name": "Tailwind Documentation",
+            "url": "https://tailwindcss.com/docs/functions-and-directives#variants"
+          }
+        ]
+      }
+    ]
+  }
\ No newline at end of file
diff --git a/components/FormContentCode.vue b/components/FormContentCode.vue
index 6a954a58..95b03f6a 100644
--- a/components/FormContentCode.vue
+++ b/components/FormContentCode.vue
@@ -9,6 +9,7 @@
     </div>
     <div class="font-fira_retina text-white text-container">
         <p>
+            
             <span class="tag">
                 const
             </span>
diff --git a/components/GistSnippet.vue b/components/GistSnippet.vue
index 4b29aaf2..d6b38d98 100644
--- a/components/GistSnippet.vue
+++ b/components/GistSnippet.vue
@@ -45,7 +45,7 @@
     background-color: #011221;
     padding: 5px;
     border-radius: 0px;
-    border: 1px solid #FF7F53;
+    border: 1px solid #FF416C;
     font-size: 12px;
     overflow-y: scroll;
     overflow-x: scroll;
@@ -86,7 +86,7 @@ code.hljs{
 }
 
 #username:hover {
-    color: #FF7F53;
+    color: #FF416C;
 }
 
 /* #comment {
diff --git a/developer.json b/developer.json
index 05cb8318..d4821d39 100644
--- a/developer.json
+++ b/developer.json
@@ -90,10 +90,10 @@
             }
         },
         "find_me_also_in": {
-            "title": "find-me-also-in",
+            "title": "developers",
             "sources": {
                 "youtube": {
-                    "title": "YouTube channel",
+                    "title": "GitHub",
                     "url": "https://www.youtube.com/",
                     "user": "username"
                 },
@@ -116,26 +116,26 @@
         }
     },
     "gists": {
-        "1": "83861a67e377633ee8368df01ee3a355",
-        "2": "694c1f32332788a2ac7f37b09e5aa40e"
+        "1": "7991ac9882771df1c56578fa60d5f0ab",
+        "2": "1851f532dedb1e515f0aacd24276c9dd"
     },
     "projects": {
         "1": {
-            "title": "_ui-animations",
+            "title": "snigdhaos-assistant",
             "description": "Duis aute irure dolor in velit esse cillum dolore.",
             "img": "/images/projects/ui-animations2.png",
-            "tech": ["Flutter"],
+            "tech": ["CPP"],
             "url": "https://github.com/"
         },
         "2": {
-            "title": "_ai-resources",
+            "title": "snigdhaos-kernel-manager",
             "description": "Duis aute irure dolor in velit esse cillum dolore.",
             "img": "/images/projects/ai-resources.png",
-            "tech": ["Gatsby"],
+            "tech": ["Python"],
             "url": "https://github.com/"
         },
         "3": {
-            "title": "_worldmap",
+            "title": "snigdhaos-blackbox",
             "description": "Duis aute irure dolor in velit esse cillum dolore.",
             "img": "/images/projects/worldmap.png",
             "tech": ["Angular"],
@@ -146,7 +146,7 @@
             "description": "Duis aute irure dolor in velit esse cillum dolore.",
             "img": "/images/projects/ui-animations.png",
             "tech": ["React"],
-            "url": "https://github.com/"
+            "url": "https://github.com/Snigdha-OS/snigdhaos-zen-kernel"
         },
         "5": {
             "title": "_tetris-game",