css nesting

resources/page/resources/style.css

@@ -22,15 +22,19 @@ header {
 
     nav {
         flex-grow: 1;
+
+        a {
+            margin-right: 1rem;
+        }
     }
 }
 
 h1 {
     font-size: 1.5rem;
-}
 
-h1:before {
+    &:before {
-    content: "▻ ";
+        content: "▻ ";
+    }
 }
 
 h2 {
@@ -41,18 +45,14 @@ h3 {
     font-size: 1.2rem;
 }
 
-nav a {
-    margin-right: 1rem;
-}
-
 blockquote {
     background-color: #f5f5f5;
     padding: .3rem .3rem .3rem .6rem;
     margin-left: 0;
-}
 
-blockquote p {
+    p {
-    margin: 0;
+        margin: 0;
+    }
 }
 
 @media (prefers-color-scheme: dark) {