diff --git a/package.json b/package.json
index e865ecd1..a2dd1fb2 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
 		"@odit/lfk-client-js": "^0.0.4",
 		"svelte-i18n": "^3.3.0",
 		"svelte-spa-router": "^3.1.0",
+		"tailwindcss": "^2.0.2",
 		"toastify-js": "^1.9.3",
 		"validator": "^13.5.2"
 	},
diff --git a/src/App.svelte b/src/App.svelte
index 11531577..e9ee6b4c 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,4 +1,5 @@
 <script>
+  import TailwindStyles from "./TailwindStyles.svelte";
   import Router from "svelte-spa-router";
   import { replace } from "svelte-spa-router";
   import { wrap } from "svelte-spa-router/wrap";
diff --git a/src/TailwindStyles.svelte b/src/TailwindStyles.svelte
new file mode 100644
index 00000000..6c221d15
--- /dev/null
+++ b/src/TailwindStyles.svelte
@@ -0,0 +1,5 @@
+<style global>
+  @tailwind base;
+  @tailwind components;
+  @tailwind utilities;
+</style>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..fb311d6e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+	purge: {
+		content: [ './src/**/*.svelte' ]
+	},
+	variants: {},
+	plugins: [],
+	theme: {
+		container: {
+			center: true,
+			padding: '1.5rem'
+		}
+	}
+};