diff --git a/.gitignore b/.gitignore
index 3e02ce3..83930fa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,6 +20,7 @@ coverage
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 *.suo
 *.ntvs*
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..68258c3
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,19 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "eslint.options": {
+    "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"]
+  },
+  "eslint.validate": [
+    "markdown",
+    "mdx",
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
+  "files.associations": {
+    "*.css": "postcss"
+  }
+}
diff --git a/package.json b/package.json
index 38c95d1..b951fb6 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
     "npm-run-all": "^4.1.5",
     "pinst": "^3.0.0",
     "postcss": "^8.4.16",
+    "postcss-nested": "^5.0.6",
     "prettier": "^2.7.1",
     "tailwindcss": "^3.1.8",
     "typescript": "~4.7.4",
diff --git a/postcss.config.cjs b/postcss.config.cjs
index caa74a9..70d2469 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -3,5 +3,6 @@ module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
+    'postcss-nested': {},
   },
 };