ok

tailwind.config.js

@@ -1,18 +1,43 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./templates/**/*.html', './content/**/*.md'],
+  content: [
+    './templates/**/*.html', 
+    './content/**/*.md',
+    './static/**/*.js'
+  ],
   safelist: [
+    'grid',
+    'items-start',
     {
         pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
-        variants: ['sm', 'md', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
+        variants: ['sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
     },
     {
         pattern: /(pt|pb)-(0)/,
-        variants: ['!', 'lg', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
+        variants: ['!', 'sm', 'md', 'lg', 'xl', '2xl', 'first', 'first:sm', 'first:md', 'first:lg', 'last', 'last:sm', 'last:md', 'last:lg'],
+    },
+    {
+        pattern: /(col-span)-(1|2|3|4|5|6)/,
+        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
+    },
+    {
+        pattern: /(grid-cols)-(1|2|3|4|5|6)/,
+        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
+    },
+    {
+        pattern: /(gap)-(x|y)?-(4|8|12|16|20|24)/,
+        variants: ['sm', 'md', 'lg', 'xl', '2xl'],
     }
   ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        'cerco': ['CercoDEMO', 'sans-serif'],
+      },
+      colors: {
+        'semi-white': 'rgba(255, 255, 255, 0.75)',
+      },
+    },
   },
   plugins: [],
 }