Add Tailwind CSS and typography plugin packages

.gitignore

@@ -0,0 +1 @@
+node_modules

package.json

@@ -0,0 +1,8 @@
+{
+  "devDependencies": {
+    "@tailwindcss/forms": "^0.3.3",
+    "@tailwindcss/typography": "^0.4.1",
+    "autoprefixer": "^10.2.6",
+    "tailwindcss": "^2.2.4"
+  }
+}

tailwind.config.js

@@ -0,0 +1,49 @@
+module.exports = {
+    mode: 'jit',
+    purge: [
+        './public/**/*.php',
+    ],
+    darkMode: false, // or 'media' or 'class'
+    theme: {
+        extend: {
+            gridTemplateColumns: {
+                'layout': '1fr minmax(500px, 1fr)',
+            },
+            fontFamily: {
+                'din': ['D-DIN', 'sans-serif']
+            },
+            typography: (theme) => ({
+                DEFAULT: {
+                    css: {
+                        color: theme('colors.gunMetal'),
+                        h1: {
+                            color: theme('colors.bdazzledBlue'),
+                        },
+                        a: {
+                            color: theme('colors.burntSienna'),
+                            '&:hover': {
+                                color: theme('colors.burntSienna'),
+                            },
+                        },
+                    },
+                },
+            }),
+            colors: {
+                transparent: 'transparent',
+                current: 'currentColor',
+                bdazzledBlue: '#3d5a80',
+                paleCerulean: '#98c1d9',
+                lightCyan: '#e0fbfc',
+                burntSienna: '#ee6c4d',
+                gunMetal: '#293241',
+            },
+        },
+    },
+    variants: {
+        extend: {},
+    },
+    plugins: [
+        //require('@tailwindcss/forms'),
+        require('@tailwindcss/typography'),
+    ],
+}