Adds tailwind

package.json

@@ -7,11 +7,19 @@
     "react-dom": "^16.8.6"
   },
   "devDependencies": {
-    "react-scripts": "3.0.1"
+    "autoprefixer": "^9.6.0",
+    "npm-run-all": "^4.1.5",
+    "postcss-cli": "^6.1.2",
+    "react-scripts": "3.0.1",
+    "tailwindcss": "^1.0.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "npm-run-all --parallel watch:css start:react",
+    "build": "npm-run-all build:css build:react",
+    "build:css": "postcss src/tailwind.css -o src/index.css",
+    "watch:css": "postcss src/tailwind.css -o src/index.css -w",
+    "start:react": "react-scripts start",
+    "build:react": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

postcss.config.js

@@ -0,0 +1,8 @@
+var tailwindcss = require('tailwindcss');
+
+module.exports = {
+  plugins: [
+    tailwindcss('./tailwind.js'),
+    require('autoprefixer'),
+  ]
+}

src/App.js

@@ -4,7 +4,7 @@ import './App.css';
 
 function App() {
   return (
-    <div className="App">
+    <div className="App bg-blue-400">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>