Update Tailwind config to use only specific breakpoint and color palette

tailwind.config.cjs

@@ -12,7 +12,16 @@ function withOpacity(variableName) {
 module.exports = {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
   theme: {
-    extend: {
+    // Remove the following screen breakpoint or add other breakpoints
+    // if one breakpoint is not enough for you
+    screens: {
+      sm: "640px",
+    },
+
+    // Uncomment the following extend
+    // if existing Tailwind color palette will be used
+
+    // extend: {
     textColor: {
       skin: {
         base: withOpacity("--color-text-base"),
@@ -46,11 +55,12 @@ module.exports = {
         base: withOpacity("--color-text-base"),
         accent: withOpacity("--color-accent"),
       },
+      transparent: "transparent",
     },
     fontFamily: {
       mono: ["IBM Plex Mono", "monospace"],
     },
-    },
+    // },
   },
   plugins: [require("@tailwindcss/typography")],
 };