Task 4 - Add our own configuration

tailwind.config.js

@@ -2,7 +2,27 @@ module.exports = {
   purge: [],
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    fontFamily: {
+      display: ['Bebas Neue', 'Arial Narrow', 'Arial', 'sans-serif'],
+      sans: ['Helvetica', 'Arial', 'sans-serif'],
+    },
+    colors: {
+      blue: {
+        DEFAULT: '#56a9db',
+        dark: '#1772ae',
+      },
+      gray: {
+        dark: '#333333',
+      },
+      orange: '#fcb040',
+      white: '#ffffff',
+    },
+    extend: {
+      fontSize: {
+        '2xl': '1.5625rem', // 25px
+        '3xl': '1.6875rem', // 27px
+      },
+    },
   },
   variants: {
     extend: {},