make buttons better

buttons change their background and text color on hover now to make
their purpose more clear, and the Link element covers the whole button
now. Thanks for the suggestions Tessa!

1 files changed, 8 insertions, 6 deletions

diff --git a/tailwind.config.js b/tailwind.config.js
index 3de92ff..d6359c8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,13 @@
 module.exports = {
     purge: ["./src/**/*.html", "./src/**/*.jsx", "./src/**/*.js"],
     theme: {
-      extend: {
-        screens: {
-          xs: { max: "400px" },
+        extend: {
+            screens: {
+                xs: { max: "400px" },
+            },
         },
-      },
     },
-  };
-  
\ No newline at end of file
+    variants: {
+        textColor: ["responsive", "hover", "focus", "group-hover"],
+    },
+};