--- a
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,39 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/**/*.{html,ts}',
+  ],
+  theme: {
+    extend: {
+      colors:{
+        'cool-blue': {
+          DEFAULT: '#308BC8',
+          50: '#C0DDF0',
+          100: '#AFD4EC',
+          200: '#8EC2E4',
+          300: '#6EB0DC',
+          400: '#4D9ED4',
+          500: '#308BC8',
+          600: '#256C9B',
+          700: '#1A4C6E',
+          800: '#0F2D40',
+          900: '#050D13',
+          950: '#000000'
+        },
+      },
+      spacing: {
+        '100': '28rem',
+        '128': '32rem',
+        '130': '50rem'
+      }
+    },
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require('@tailwindcss/typography'),
+  ],
+};
+