commenced wallet styling; much of site now holds font-awesome placeholders until proprietary svg files apprpriated

src/static_src/scss/_base.scss

@@ -21,6 +21,7 @@ body {
         max-width: 960px;
         margin: 0 auto;
         padding: 1rem;
+        flex: 1;
 
         .navbar {
             padding: 0.75rem 0;
@@ -153,14 +154,41 @@ body {
 
 #id_footer {
     flex-shrink: 0;
-    height: 3rem;
+    height: 5rem;
     display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
     align-items: center;
-    justify-content: center;
+    padding: 1rem 1rem;
     border-top: 0.1rem solid rgba(var(--secUser), 0.3);
     background: linear-gradient(
         to top,
         rgba(var(--priUser), 1) 25%,
         transparent 100%
     );
+
+    #id_footer_nav {
+        display: flex;
+        justify-content: space-evenly;
+        width: 80%;
+        max-width: 500px;
+
+        a {
+            font-size: 1.75rem;
+            color: rgba(var(--quaUser), 1);
+            text-shadow: 0 0 1rem rgba(var(--quiUser), 1);
+    
+            &:hover {
+                color: rgba(var(--quaUser), 1);
+                text-shadow: 0 0 0.5rem rgba(var(--ninUser), 0.5);
+            }
+        }
+    }
+
+    .footer-container {
+        small {
+            font-size: 0.7rem;
+            opacity: 0.6;
+        }
+    }
 }

src/static_src/scss/_wallet-tokens.scss

@@ -0,0 +1,27 @@
+.token {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+    color: rgba(var(--terUser), 1);
+
+    .token-tooltip {
+        display: none;
+        position: absolute;
+        bottom: 125%;
+        left: 0;
+        width: 16rem;
+        max-width: 16rem;
+        white-space: normal;
+        background-color: rgba(var(--priUser), 0.95);
+        border: 0.1rem solid rgba(var(--secUser), 0.5);
+        color: rgba(var(--secUser), 1);
+        padding: 0.5rem 0.75rem;
+        border-radius: 0.5rem;
+        z-index: 10;
+        font-size: 0.875rem;
+    }
+
+    &:hover .token-tooltip {
+        display: block;
+    }
+}

src/static_src/scss/core.scss

@@ -3,6 +3,7 @@
 @import 'button-pad';
 @import 'dashboard';
 @import 'palette-picker';
+@import 'wallet-tokens';
 
 
 input,