diff --git a/src/app/contact/page.module.css b/src/app/contact/page.module.css
index 94fe0dc..15efa2f 100644
--- a/src/app/contact/page.module.css
+++ b/src/app/contact/page.module.css
@@ -19,16 +19,11 @@
/* Style the submit button */
.form input[type="submit"] {
- background-color: var(--accent);
- color: white;
padding: 1em 1.75em;
border: none;
border-radius: 4px;
cursor: pointer;
}
-.form input[type="submit"]:hover {
- background-color: var(--accent-secondary);
-}
.sm {
font-size: 0.75em;
diff --git a/src/app/globals.css b/src/app/globals.css
index bd6213e..05fc6ff 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,3 +1,23 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@import 'tailwindcss';
+
+@utility container {
+ padding-inline: 1rem;
+}
+
+/*
+ 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);
+ }
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 8799110..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
- content: [
- "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
- ],
- theme: {
- extend: {},
- container: {
- padding: '1rem',
- },
- },
- plugins: [],
-}
-