diff --git a/src/App.vue b/src/App.vue
index 237d3da..b774665 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,41 +6,4 @@
   </div>
 </template>
 
-<style lang="postcss">
-@tailwind base;
-
-html {
-  line-height: 1.15;
-}
-
-@tailwind components;
-
-h1,
-h2 {
-  @apply font-bold
-}
-
-h2 {
-  @apply text-2xl
-}
-
-.btn {
-  @apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;
-
-  &:hover,
-  &:focus {
-    @apply bg-blue-400
-  }
-}
-
-.btn.is-secondary {
-  @apply bg-gray-500;
-
-  &:hover,
-  &:focus {
-    @apply bg-gray-600
-  }
-}
-
-@tailwind utilities;
-</style>
+<style src="./css/app.css"/>
diff --git a/src/css/app.css b/src/css/app.css
new file mode 100644
index 0000000..6ff2087
--- /dev/null
+++ b/src/css/app.css
@@ -0,0 +1,36 @@
+@tailwind base;
+
+html {
+  line-height: 1.15;
+}
+
+@tailwind components;
+
+h1,
+h2 {
+  @apply font-bold
+}
+
+h2 {
+  @apply text-2xl
+}
+
+.btn {
+  @apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;
+
+  &:hover,
+  &:focus {
+    @apply bg-blue-400
+  }
+}
+
+.btn.is-secondary {
+  @apply bg-gray-500;
+
+  &:hover,
+  &:focus {
+    @apply bg-gray-600
+  }
+}
+
+@tailwind utilities;