Variouu changes from a few days ago.

src/app.css

@@ -44,7 +44,17 @@ body {
     color: black;
     font-size: x-small;
 
+    padding: .25em;
+
     z-index: 1000;
+
+    opacity: .5;
+
+    transition: all .25s ease-in-out;
+}
+.svelte_target.ae_svelte_app_hub:hover {
+    opacity: 1;
+    background-color: hsla(0, 50%, 80%, .75);
 }
 
 .svelte_target.ae_svelte_app {
@@ -83,6 +93,50 @@ body {
     overflow: scroll;
 }
 
+#Site-Header {
+    background-color: hsla(0, 0%, 100%, 0.85);
+    padding: .5em 1em;
+    margin-bottom: 1em;
+
+    /* display: flex; */
+    /* justify-content: space-between; */
+}
+
+#Site-Header h1 {
+    /* text-shadow: 0em 0em .75em hsla(240,100%,25%,1); */
+    /* text-shadow: 0em 0em .75em hsla(0,0%,5%,1); */
+
+    font-size: 2.5em;
+    line-height: 1.1;
+    margin: 0;
+    padding: 0;
+}
+
+#Site-Header h2 {
+    font-size: 1.5em;
+    line-height: 1.1;
+    margin: 0;
+    padding: 0;
+
+    /* Make font italic */
+    font-style: italic;
+}
+
+#Site-Nav-Menu {
+    background-color: hsla(0, 0%, 100%, 0.85);
+    /* padding: .5em 1em; */
+    margin-bottom: 1em;
+}
+
+#Site-Footer {
+    background-color: hsla(0, 0%, 100%, 0.85);
+    padding: .5em 1em;
+    margin-top: 1em;
+
+    display: flex;
+    justify-content: space-between;
+}
+
 
 address {
     margin-bottom: .25em;