Upgraded to tailwind 4

assets/css/main.css

@@ -1,33 +1,86 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
 
-@font-face {
-  font-family: "Inter";
-  src: url("/fonts/Inter.woff2") format("woff2 supports variations"),
-       url("/fonts/Inter.woff2") format("woff2-variations");
-  font-weight: 400 700;
-  font-style: normal;
-  font-display: swap;
+@utility container {
+  margin-inline: auto;
+  @media (width >= --theme(--breakpoint-sm)) {
+    max-width: none;
+  }
+  @media (width >= 640px) {
+    max-width: 640px;
+  }
+  @media (width >= 640px) {
+    max-width: 640px;
+  }
+  @media (width >= 760px) {
+    max-width: 760px;
+  }
+  @media (width >= 960px) {
+    max-width: 960px;
+  }
+  @media (width >= 1180px) {
+    max-width: 1180px;
+  }
 }
 
-@font-face {
-  font-family: "Inter";
-  src: url("/fonts/Inter-Italic.woff2") format("woff2 supports variations"),
-       url("/fonts/Inter-Italic.woff2") format("woff2-variations");
-  font-weight: 400 700;
-  font-style: italic;
-  font-display: swap;
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
 }
 
-body {
-  font-family:
-    "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  font-weight: 300;
-}
-
-@layer utilities {
-  .flow > * + * {
+@utility flow {
+  & > * + * {
     margin-top: 1em;
   }
 }
+
+@layer utilities {
+  @font-face {
+    font-family: 'Inter';
+    src:
+      url('/fonts/Inter.woff2') format('woff2 supports variations'),
+      url('/fonts/Inter.woff2') format('woff2-variations');
+    font-weight: 400 700;
+    font-style: normal;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Inter';
+    src:
+      url('/fonts/Inter-Italic.woff2') format('woff2 supports variations'),
+      url('/fonts/Inter-Italic.woff2') format('woff2-variations');
+    font-weight: 400 700;
+    font-style: italic;
+    font-display: swap;
+  }
+
+  body {
+    font-family:
+      'Inter',
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      Oxygen,
+      Ubuntu,
+      Cantarell,
+      'Open Sans',
+      'Helvetica Neue',
+      sans-serif;
+    font-weight: 300;
+  }
+}