diff --git a/tailwind.config.js b/tailwind.config.js
index cf703c9..ab442d3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,32 @@
 module.exports = {
-  purge: ['./public/**/*.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  purge: { content: ["./public/**/*.html", "./src/**/*.vue"] },
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        "at-light-green": "#44ba9f",
+        "at-green": "#286d5d",
+        "light-grey": "#f1f1f1",
+      },
+    },
+    fontFamily: {
+      Poppins: ["Poppins, sans-serif"],
+    },
+    flex: {
+      "1": "1 1 0%",
+      "2": "2 2 0%",
+    },
+    container: {
+      center: true,
+      screens: {
+        lg: "1124px",
+        xl: "1124px",
+        "2xl": "1124px",
+      },
+    },
   },
   variants: {
     extend: {},
   },
   plugins: [],
-}
+};