reorder main.css a smidge

css/main.css

@@ -3,6 +3,10 @@
 }
 
 /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
+#root, #__next {
+  isolation: isolate; /* 10. Create a root stacking context */
+}
+
 *, *::before, *::after {
   box-sizing: border-box; /* 1. Use a more-intuitive box-sizing model */
 }
@@ -32,18 +36,14 @@ input, button, textarea, select {
   font: inherit; /* 7. Inherit fonts for form controls */
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, p {
   overflow-wrap: break-word; /* 8. Avoid text overflows */
 }
 
-p {
-  text-wrap: pretty; /* 9. Improve line wrapping */
-}
-
 h1, h2, h3, h4, h5, h6 {
   text-wrap: balance; /* 9. Improve line wrapping */
 }
 
-#root, #__next {
-  isolation: isolate; /* 10. Create a root stacking context */
+p {
+  text-wrap: pretty; /* 9. Improve line wrapping */
 }