Fix CSS order

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);
   }

src/main.css

@@ -1,5 +1,12 @@
-@layer base {
-  .prose {
+body {
+  font-size: 20px;
+}
+
+::selection {
+  @apply bg-blue-900 bg-opacity-80 text-white;
+}
+
+.prose {
   :where(h1) {
     @apply font-bold text-3xl sm:text-5xl text-gray-900;
   }
@@ -23,9 +30,9 @@
   :where(address, p, ol, ul) {
     @apply not-italic text-lg max-w-240 mt-5;
   }
-  }
+}
 
-  .asterisk-list > li {
+.asterisk-list > li {
   &:not(:last-child) {
     margin-bottom: 5px;
   }
@@ -35,5 +42,4 @@
     content: "*";
     margin-right: 5px;
   }
-  }
 }