Add postcss-import, re-organise CSS files

src/App.vue

@@ -110,4 +110,4 @@ export default {
 }
 </script>
 
-<style src="./css/app.css"/>
+<style src="./assets/css/tailwind.css"/>

src/assets/css/custom-components.css

@@ -0,0 +1,3 @@
+@import 'components/footer.css';
+@import 'components/main.css';
+@import 'components/skip-link.css';

src/assets/css/tailwind.css

@@ -0,0 +1,7 @@
+@import 'tailwindcss/base';
+
+@import 'tailwindcss/components';
+
+@import 'custom-components';
+
+@import 'tailwindcss/utilities';

src/css/app.css

@@ -1,8 +0,0 @@
-@tailwind base;
-@tailwind components;
-
-@import './components/footer.css';
-@import './components/main.css';
-@import './components/skip-link.css';
-
-@tailwind utilities;