tailwind.config.js

module.exports = {
  theme: {
    screens: {
      'tablet': '767px',
      'desktop': '1023px',
    },
    extend: {
      colors: {
        background: "#f1f5f9",
        backgroundDark: "#e3eaf2",
        primary: "#00d9c9",
        block2: "#009E93",
        block4: "#00776E",
        block8: "#008DD5",
        block16: "#273469",
        block32: "#5C2E5A",
        block64: "#380036",
        block128: "#D65108",
        block256: "#B04307",
        block512: "#EABA6B",
        block1024: "#C09958",
        block2048: "#000000",
        obstacle: "#aa3938",
        empty: "#00000017",
      },
      height: {
        11: "2.65rem",
        18: "4.5rem",
        68: "17rem",
        70: "18rem",
        84: "30rem",
        88: "31rem",
      },
      width: {
        11: "2.65rem",
        18: "4.5rem",
        68: "17rem",
        70: "18rem",
        72: "22rem",
        84: "30rem",
      },
    }
  },
  variants: {},
  plugins: []
}