improved scss notation

src/styles/home.scss

@@ -1,14 +1,16 @@
 main {
     background-image: url("/diagonal_lines_home.png");
     padding-inline: 10vw;
-}
 
     .home-main-box {
         padding-block: 7vh;
         display: flex;
         justify-content: space-between;
         align-items: center;
-}
+
+        .home-title-box {
+            justify-self: flex-start;
+            margin-right: 5vw;
 
             .home-title {
                 margin: 0;
@@ -16,9 +18,10 @@ main {
                 font-family: "Tanker-Regular";
             }
 
-.home-title-box {
+            .using-engines {
-    justify-self: flex-start;
+                width: 21vw;
-    margin-right: 5vw;
+            }
+        }
     }
 
     .content {
@@ -26,7 +29,4 @@ main {
         margin: 0;
         max-width: 450px;
     }
-
-.using-engines {
-    width: 21vw;
 }

src/styles/main.scss

@@ -29,10 +29,6 @@ b {
     color: $accent;
 }
 
-.content {
 a {
     color: $link;
-        text-decoration: underline;
-        margin: 0;
-    }
 }

src/styles/navbar.scss

@@ -1,18 +1,3 @@
-nav {
-    justify-self: flex-start;
-    display: inline-flex;
-}
-
-.navbar-entry {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.highlighter {
-    margin-top: -10px;
-}
-
 header {
     padding-top: 2.5vh;
     padding-bottom: 2.5vh;
@@ -20,18 +5,26 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-}
 
     .logo {
         margin-right: 2.5vw;
         width: 40px;
     }
 
+    nav {
+        justify-self: flex-start;
+        display: inline-flex;
+
+        .navbar-entry {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
             a {
                 color: white;
                 text-decoration: none;
                 text-align: center;
-    margin-inline: 0.9vw;
+                margin-inline: .9vw;
             }
 
             .active {
@@ -39,6 +32,15 @@ a {
                 color: #7eca9c;
             }
 
+            .highlighter {
+                margin-top: -10px;
+            }
+        }
+
+    }
+
     .social {
         width: 22px;
+        margin-inline: .5vw;
+    }
 }