From c3767c594d2a2c52a03fb166984a5ba689d0f382 Mon Sep 17 00:00:00 2001
From: Moritz Ruth <dev@moritzruth.de>
Date: Sun, 8 Aug 2021 19:52:55 +0200
Subject: [PATCH] Fix CSS order

---
 src/App.vue  |  8 -------
 src/main.css | 62 ++++++++++++++++++++++++++++------------------------
 2 files changed, 34 insertions(+), 36 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f210615..db4b5d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,14 +16,6 @@
 </template>
 
 <style>
-  body {
-    font-size: 20px;
-  }
-
-  ::selection {
-    @apply bg-blue-900 bg-opacity-80 text-white;
-  }
-
   ._content {
     min-height: calc(100vh - 80px);
   }
diff --git a/src/main.css b/src/main.css
index f9de9a9..5c19722 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,39 +1,45 @@
-@layer base {
-  .prose {
-    :where(h1) {
-      @apply font-bold text-3xl sm:text-5xl text-gray-900;
-    }
+body {
+  font-size: 20px;
+}
 
-    :where(h2) {
-      @apply font-bold text-2xl sm:text-4xl text-gray-600 mt-8;
-    }
+::selection {
+  @apply bg-blue-900 bg-opacity-80 text-white;
+}
 
-    :where(ol) {
-      @apply list-decimal list-inside space-y-2;
+.prose {
+  :where(h1) {
+    @apply font-bold text-3xl sm:text-5xl text-gray-900;
+  }
 
-      ::marker {
-        @apply text-gray-600;
-      }
-    }
+  :where(h2) {
+    @apply font-bold text-2xl sm:text-4xl text-gray-600 mt-8;
+  }
 
-    :where(ul) {
-      @apply list-disc list-inside space-y-1;
-    }
+  :where(ol) {
+    @apply list-decimal list-inside space-y-2;
 
-    :where(address, p, ol, ul) {
-      @apply not-italic text-lg max-w-240 mt-5;
+    ::marker {
+      @apply text-gray-600;
     }
   }
 
-  .asterisk-list > li {
-    &:not(:last-child) {
-      margin-bottom: 5px;
-    }
+  :where(ul) {
+    @apply list-disc list-inside space-y-1;
+  }
 
-    &::before {
-      @apply text-blue-900;
-      content: "*";
-      margin-right: 5px;
-    }
+  :where(address, p, ol, ul) {
+    @apply not-italic text-lg max-w-240 mt-5;
+  }
+}
+
+.asterisk-list > li {
+  &:not(:last-child) {
+    margin-bottom: 5px;
+  }
+
+  &::before {
+    @apply text-blue-900;
+    content: "*";
+    margin-right: 5px;
   }
 }