diff --git a/src/css.js b/src/css.js
new file mode 100644
index 0000000..7999897
--- /dev/null
+++ b/src/css.js
@@ -0,0 +1,17 @@
+import { readFile } from "node:fs/promises";
+
+const postcssImport = require("postcss-import");
+const cssnano = require("cssnano");
+const tailwindPlugin = require("tailwindcss")(require("../tailwind.config"));
+const postcss = require("postcss")([
+  postcssImport(),
+  require("postcss-url")({ url: "rebase" }),
+  tailwindPlugin,
+  ...(process.env.ELEVENTY_ENV === "production" ? [cssnano()] : []),
+]);
+
+export async function tailwind() {
+  const from = "src/tailwind.css";
+  const css = await postcss.process(await readFile(from, "utf-8"), { from });
+  return css;
+}
diff --git a/src/index.11ty.jsx b/src/index.11ty.jsx
index e46298e..d5fe276 100644
--- a/src/index.11ty.jsx
+++ b/src/index.11ty.jsx
@@ -1,5 +1,6 @@
 import h from "vhtml";
 import { readFile } from "node:fs/promises";
+import { tailwind } from "./css.js";
 
 /**
  * @param {import("node:fs").PathLike} path
@@ -18,16 +19,6 @@ async function loadSvg(path) {
   };
 }
 
-const postcssImport = require("postcss-import");
-const cssnano = require("cssnano");
-const tailwindPlugin = require("tailwindcss")(require("../tailwind.config"));
-const postcss = require("postcss")([
-  postcssImport(),
-  require("postcss-url")({ url: "rebase" }),
-  tailwindPlugin,
-  ...(process.env.ELEVENTY_ENV === "production" ? [cssnano()] : []),
-]);
-
 export async function render(data) {
   const Estrellita = await loadSvg("src/assets/estrellita.svg");
   const Wave = await loadSvg("src/assets/wave.svg");
@@ -241,9 +232,3 @@ function fillerUdesa(n) {
       />
     ));
 }
-
-async function tailwind() {
-  const from = "src/tailwind.css";
-  const css = await postcss.process(await readFile(from, "utf-8"), { from });
-  return css;
-}