Fix the footer so its like not part of the thing app and can work on its own, STRONG FOOTER FOREVER

styles.css

@@ -58,7 +58,8 @@ body:not(.home) #hero {
     transition: opacity 0.3s;
 }
 
-#app.fading {
+body.fading #app,
+body.fading footer {
     opacity: 0;
 }
 
@@ -72,13 +73,19 @@ nav {
 nav a {
     color: #3d2f1f99;
     text-decoration: none;
-    transition: color 0.5s;
+    transition: color 0.5s, -webkit-text-stroke-width 0.5s;
 }
 
 nav a:hover {
     color: #3d2f1f;
 }
 
+nav a.active {
+    -webkit-text-stroke-width: 1px;
+}
+
+/* Other */
+
 h1 {
     margin-bottom: 1rem;
 }
@@ -118,6 +125,7 @@ footer {
     left: 1rem;
     font-size: 0.8rem;
     gap: 1rem;
+    transition: opacity 0.3s;
 }
 
 footer p {
@@ -141,6 +149,10 @@ footer svg {
     fill: currentColor;
 }
 
+body:not(.homeCommitted) .birdSoundCredit {
+    display: none;
+}
+
 /* Corner Ribbon */
 
 .ribbon {
@@ -154,6 +166,9 @@ footer svg {
     top: 2rem;
     left: -3rem;
     width: 12rem;
+
+    outline: 2px dashed #faf4e8;
+    outline-offset: -4px;
 }
 
 /* Birdy */