Clean-up stylesheet using SCSS nesting

Author: afh

source/stylesheets/site.css.scss

@@ -15,48 +15,45 @@ header {
     min-height:65px;
     border-bottom:3px solid gray;
     padding:1em;
-}
 
-header li {
-    display:inline-block;
-    margin: 0 2em 0 0;
-}
+    li {
+      display:inline-block;
+      margin: 0 2em 0 0;
+    }
 
-header a {
-    text-decoration:none;
+   a { text-decoration:none; }
 }
 
 nav ul {
   padding: 0;
 }
 
-nav li:has(a[href="/"]) {
-    font-size:50px;
-    margin-left: 0;
-}
-
-nav li a[href="/"] {
-    color: black;
-}
-
 nav {
     display:inline;
-}
 
-nav ul {
-    display:inline;
-}
+    ul {
+      display:inline;
+    }
 
-nav li {
-    white-space:nowrap;
+    li {
+      white-space:nowrap;
+
+      a[href="/"] {
+          color: black;
+      }
+    }
+    li:has(a[href="/"]) {
+      font-size:50px;
+      margin-left: 0;
+    }
 }
 
 article {
     padding:1em;
-}
 
-article h1  {
-  font-size: 2em;
+    h1  {
+      font-size: 2em;
+    }
 }
 
 pre, code, tt {
@@ -66,6 +63,12 @@ pre, code, tt {
 pre {
     margin:0 0 0 1em;
 }
+pre code {
+    padding:0.5em;
+    display:inline-block;
+    background: #eee;
+    font-size:small;
+}
 
 .large {
     font-size:large;
@@ -79,17 +82,6 @@ pre {
     white-space:nowrap;
 }
 
-pre {
-    margin:0 0 0 1em;
-}
-
-pre code {
-    padding:0.5em;
-    display:inline-block;
-    background: #eee;
-    font-size:small;
-}
-
 .github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
 
 @media screen and (max-width: 765px) {