stylistic changes primarily, esp. to page titles(new spans in header_text block, for instance)

src/static_src/scss/_applets.scss

@@ -97,7 +97,13 @@
     );
 
     section {
-        border: 0.2rem solid rgba(var(--secUser), 0.5);
+        border:
+            0.2rem solid rgba(var(--secUser), 0.5),
+        ;
+        box-shadow:
+            inset -1px -1px 0 rgba(255, 255, 255, 0.125),
+            inset 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.8)
+        ;
         border-radius: 0.75rem;
         padding: 1rem;
         overflow: hidden;

src/static_src/scss/_base.scss

@@ -19,6 +19,7 @@ body {
 
     .container {
         max-width: 960px;
+        width: 100%;
         margin: 0 auto;
         padding: 1rem;
         flex: 1;
@@ -139,19 +140,57 @@ body {
             }
 
             .col-lg-6 {
-                max-width: 600px;
-                margin: 0 auto;
-
+                max-width: inherit;
+                margin: 0 1rem;
+                
                 h2 {
-                    font-size: 2.5rem;
-                    color: rgba(var(--quaUser), 1);
+                    font-size: 3rem;
+                    color: rgba(var(--secUser), 0.6);
                     margin-bottom: 1rem;
+                    text-align: justify;
+                    text-align-last: justify;
+                    text-justify: inter-character;
+                    text-transform: uppercase;
+                    text-shadow:
+                        1px 1px 0 rgba(255, 255, 255, 0.125),       // highlight (up-left)
+                        -0.125rem -0.125rem 0 rgba(0, 0, 0, 0.8)    // shadow (down-right)
+                    ;
+
+                    span {
+                        color: rgba(var(--quaUser), 0.6);
+                    }
                 }
             }
         }
     }
 }
 
+@media (min-width: 1200px) {
+    body .container {
+        max-width: 1200px;
+    }
+}
+
+@media (min-width: 1024px) and (max-height: 700px) {
+    body .container .navbar {
+        padding: 0.5rem 0;
+
+        .navbar-brand h1 {
+            font-size: 1.4rem;
+        }
+    }
+
+    #id_footer {
+        height: 3.5rem;
+        padding: 0.7rem 1rem;
+        gap: 0.35rem;
+
+        #id_footer_nav a {
+            font-size: 1.2rem;
+        }
+    }
+}
+
 #id_footer {
     flex-shrink: 0;
     height: 5rem;

src/static_src/scss/_dashboard.scss

@@ -11,6 +11,7 @@ body.page-dashboard {
         flex-direction: column;
         flex: 1;
         min-height: 0;
+
     }
 
     .row {

src/static_src/scss/_gameboard.scss

@@ -11,6 +11,7 @@ body.page-gameboard {
         flex-direction: column;
         flex: 1;
         min-height: 0;
+
     }
 
     .row {