tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      margin: {
        320: "320px",
      },
      width: {
        190: "190px",
        275: "275px",
        300: "300px",
        340: "340px",
        350: "350px",
        656: "656px",
        880: "880px",
        508: "508px",
      },
      height: {
        80: "80px",
        340: "340px",
        370: "370px",
        420: "420px",
        510: "510px",
        600: "600px",
        685: "685px",
        800: "800px",
        "90vh": "90vh",
      },
      colors: {
        navBar: "#1d1e25",
        primary: "#121316",
        textBase: "#8f9091",
        "0B0F15": '#0B0F15',
        "171D2A": '#171D2A',
        "682AE9": '#682AE9',
        "dbdbdb": '#dfdbff',
        "808080": '#808080',
        "98C379": '#FF7eD8'
      },
      screens:{
        smm: '320px'
      }
    },
  },
  plugins: [],
};