Add mailserver and force footer to be above all else

footer.css

@@ -8,4 +8,5 @@ footer {
   padding: 0.6em 0;
   color: #FFFFFF;
   font-size: 0.9em;
+  z-index: 1000; /* Ensure the footer is above other elements */
 }

index.html

@@ -87,6 +87,15 @@
         </div>
       </button>
     </a>
+    <a href="https://mail.jimbosfiles.com/">
+      <button class="custom-button mail">
+        <div class="color-part"></div>
+        <div class="button-content">
+          <img class="button-image" src="./images/roundcube.png" alt="Button Logo" style="width: 4.3em; height: auto;">
+          <span class="button-text">Mailserver</span>
+        </div>
+      </button>
+    </a>
     <a href="./streams/airbenz">
       <button class="custom-button airbenz">
         <div class="color-part"></div>

styles.css

@@ -86,8 +86,7 @@ header img {
 .mastodon .color-part { background-color: #776bc9; }
 .lemmy .color-part { background-color: #183038; }
 .element .color-part { background-color: #4ca68c; }
-.tv10 .color-part { background-color: #2A9FBE; }
-.tv3 .color-part { background-color: #47e5ab; }
+.mail .color-part { background-color: #0777B6; }
 .airbenz .color-part { background-color: #f5afab; }
 
 .color-part {