Add postcss-import, re-organise CSS files

src/assets/css/components/footer.css

@@ -0,0 +1,8 @@
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
+
+  &:hover,
+  &:focus {
+    @apply border-none
+  }
+}

src/assets/css/components/main.css

@@ -0,0 +1,8 @@
+#main a {
+  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
+
+  &:hover,
+  &:focus {
+    @apply text-blue-100 border-solid
+  }
+}

src/assets/css/components/skip-link.css

@@ -0,0 +1,4 @@
+.skip-link:focus {
+  left: 50%;
+  transform: translateX(-50%);
+}

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';