Varius HTML and CSS improvements

assets/main.scss

@@ -1,6 +1,3 @@
-h1,h2,h3,h4,h5,h6 {
-  @extend %headings !optional;
-}
 
 body {
   background-color: rgb(18, 20, 21);
@@ -32,32 +29,44 @@ figure {
       max-width: 90%;
     }
   }
-  a:hover %headings {
+  a:hover .heading {
     text-decoration: underline;
     color: cyan;
   }
   a {
+    min-height: 48px;
+    min-width: 48px;
     text-decoration: none;
     color: cyan;
   }
-  a li {
+  a article {
     color: lime;
   }
 }
 
+ul.contents {
+  .heading {
+    font-size: 2rem;
+    margin: 0;
+  }
+  list-style-image: url(data:0);
+  list-style-type: none;
+  padding: 0;
+}
+
 #navbar {
   background-color: #222;
-  li a:hover {
-    background-color: #333;
-  }
-  .link-group li {
-    float: right;
-  }
-  li {
-    display: inline;
-    float: left;
-  }
   ul {
+    li#right {
+      float: right;
+    }
+    li {
+      a:hover {
+        background-color: #333;
+      }
+      display: inline;
+      float: left;
+    }
     list-style-type: none;
     overflow: hidden;
     padding: 0;