tailwind.json

{
  "theme": {
    "colors": {
      "grey": {
        "100": "#f4f4f4",
        "200": "#e9e9e9",
        "400": "#757575",
        "600": "#3a3a3a",
        "700": "#2d2d2d",
        "800": "#1f1f1f",
        "900": "#050505"
      },
      "accent": {
        "100": "#ff5252",
        "200": "#a445ed"
      }
    },
    "fontFamily": {
      "sans": "\"Inter Variable\"",
      "serif": "\"Lora Variable\"",
      "mono": "\"Inconsolata Variable\""
    },
    "cursor": {
      "pointer": "url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgBnZRBaxNBGIYnu9uNSW1NlkgMVAl4Cyg5CAUPJlYFTyaX3CohePKUn5BcBA9CfkAvAf+B4sVLBC8eChv05ClKVaQIiUKjabOO77s7E8bUBpsXnrwzu9lvvvm+2bXFccWADRw1XlpWJpNZg+8ACV4kEomNVqtliSW0Am2mUik5HA5luVxmwEe5XC4pltBZ27a38/m8pHq9HoP54KI47ZbT6fQ52H1mRjE7jnFtK5vNrjJzhSuiui5cYA2Z3YN/HwwGYcBischgH8En8BLsKZ5w8VqtdiwoJ5bneeuO49zGeBdFD4OVSqVwu77vh1nS9VgF3SoUCq4ZiJObzAgcgK8sPtVsNqWWvka1221d011wgckI9cPJ5263K7k9NkDXbZH4Xzz3DRRVLcPDycmYBTe6KPV8kUR0Hm+AM0JFvA4+6DpRnU5nNq5UKn85A5jBUOdb8ITO7CrY4dZ0F+dX/5cbmd0Fq6zXb7CPI/F6NBq9bTQa4n/V7/dpI2QmZxfZWugKhm3eNLdI6S5q1/VkozB+BjZB3Dwe6+COZVlP4Ufs7CLV63UGeg8egksieiNmspPJZA6+DZ6DX/MZVqvVMDt1JA6w8GP4NV38ebnxePwy/IEK+FMVWHMIhmr8BnWuwj2hDqwzF+xwMpnsIeCr6XQ6DoJgIKIvhhuLxaZIjm/IEZgAH/ffwX+IqIknvvU8e+fBBlb38JALDxBwrLKTWGwf/gWMzcKfJP3pXjGuBcqlyjAwH/gDZjDKatJ5fJYAAAAASUVORK5CYII=\"), pointer;"
    },
    "animation": {
      "bounce": "bounce 5s ease-in-out infinite alternate",
      "float": "float 6s ease-in-out infinite",
      "rotate": "rotate 1s ease-out",
      "loading": "skeleton 1s linear infinite alternate"
    },
    "keyframes": {
      "bounce": {
        "0%": { "transform": "translate(0, 0)" },
        "25%": { "transform": "translate(10px, -10px)" },
        "50%": { "transform": "translate(-10px, 10px)" },
        "75%": { "transform": "translate(10px, 10px)" },
        "100%": { "transform": "translate(-10px, -10px)" }
      },
      "float": {
        "0%, 100%": { "transform": "translate3d(0px, -8px, 0)" },
        "50%": { "transform": "translate3d(0px, 8px, 0)" }
      },
      "rotate": {
        "0%": { "transform": "rotate(-45deg)" },
        "100%": { "transform": "rotate(0deg)" }
      },
      "skeleton": {
        "0%": { "background-color": "hsl(200, 20%, 80%)" },
        "100%": { "background-color": "hsl(200, 20%, 95%)" }
      }
    }
  }
}