Performed some styling.

Switched some styling to Bootstrap classes.

Removed some classes.

Props/assets/js/main.js

@@ -1,2 +1,5 @@
+
+
+// Site-wide JS imports:
 import "~/node_modules/bootstrap/js/dist/collapse";
 import "simplebar";

Props/assets/scss/main.scss

@@ -41,7 +41,7 @@ main {
         border-bottom-style: solid;
         @include themer.themed {
             $tear: themer.color-of("background");
-            border-color: adjust-color($color: $tear, $lightness: -20%, $alpha: 1.0);
+            border-color: adjust-color($color: $tear, $lightness: -12%, $alpha: 1.0);
             background-color: adjust-color($color: $tear, $lightness: -5%, $alpha: 1.0);
         }
     }
@@ -77,16 +77,6 @@ footer {
             background-color: themer.color-of("sub");
         }
     }
-
-    &.sole {
-        @include themer.themed {
-            background-color: themer.color-of("main");
-            border-color: themer.color-of("sub");
-            border-top-style: solid;
-            border-bottom-style: solid;
-            border-width: 1em;
-        }
-    }
 }
 
 .concise {
@@ -99,14 +89,6 @@ footer {
     width: inherit;
 }
 
-h1 {
-    font-size: 5em;
-}
-
-h2 {
-    font-size: 3em;
-}
-
 hr.concise {
     @extend .my-3;
     @include themer.themed {
@@ -136,5 +118,7 @@ body {
     }
 }
 
+
+// Site-wide css imports:
 @import "~/node_modules/bootstrap-icons/font/bootstrap-icons.css";
 @import "~/node_modules/simplebar/dist/simplebar.min.css";