Update configuration file

tailwind.config.js

@@ -0,0 +1,38 @@
+module.exports = {
+  theme: {
+    colors: {
+      'black': '#22292f',
+      'black-60': 'rgba(0, 0, 0, .6)',
+      'blue': '#3490dc',
+      'blue-dark': '#2779bd',
+      'blue-light': '#bcdefa',
+      'green': '#77B159',
+      'green-dark': '#325E1C',
+      'green-light': '#CDE2C2',
+      'green-lighter': '#F3FAEE',
+      'grey': '#b8c2cc',
+      'grey-dark': '#8795a1',
+      'grey-darkest': '#3d4852',
+      'grey-light': '#dae1e7',
+      'grey-lighter': '#f0f0f0',
+      'grey-lightest': '#F6F6F2',
+      'transparent': 'transparent',
+      'white': '#ffffff',
+    },
+    extend: {
+      fontSize: {
+        '3xl': '1.75rem',
+      },
+      maxWidth: {
+        '6xl': '80rem',
+      },
+    },
+  },
+  plugins: [
+    require('tailwindcss/plugins/container')({
+      center: true,
+      padding: '1rem',
+    }),
+    require('tailwindcss-skip-link')(),
+  ]
+}

tailwind.js

@@ -1,37 +0,0 @@
-let defaultConfig = require('tailwindcss/defaultConfig')()
-
-var colors = {
-  ...defaultConfig.colors,
-  'black': '#22292f',
-  'black-60': 'rgba(0, 0, 0, .6)',
-  'blue': '#3490dc',
-  'blue-dark': '#2779bd',
-  'blue-light': '#bcdefa',
-  'green': '#77B159',
-  'green-dark': '#325E1C',
-  'green-light': '#CDE2C2',
-  'green-lighter': '#F3FAEE',
-  'grey': '#b8c2cc',
-  'grey-dark': '#8795a1',
-  'grey-darkest': '#3d4852',
-  'grey-light': '#dae1e7',
-  'grey-lighter': '#f0f0f0',
-  'grey-lightest': '#F6F6F2',
-  'transparent': 'transparent',
-  'white': '#ffffff',
-}
-
-module.exports = {
-  ...defaultConfig,
-  colors: colors,
-  textColors: colors,
-  backgroundColors: colors,
-  borderColors: Object.assign({ default: colors['grey-light'] }, colors),
-  plugins: [
-    require('tailwindcss/plugins/container')({
-      center: true,
-      padding: '1rem',
-    }),
-    require('tailwindcss-skip-link')(),
-  ],
-}