/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,svelte}"],
  theme: {
    extend: {
      screens: {
        xss: { min: "161px", max: "380px" },
      },
      colors: {
        primary: "#F5F7FA",
        secondary: "#70757E",
        gradient: "#C3CFE2",
        lightgrey: "#EAECEF",
        grey: "#70757E",
      },
    },
  },
  plugins: [require("tailwind-scrollbar")],
  safelist: ["w-16", "h-16", "w-20", "h-20", "w-24", "h-24"],
};