diff --git a/footer.css b/footer.css
index 83bfa72..a905995 100644
--- a/footer.css
+++ b/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 */
 }
diff --git a/images/roundcube.png b/images/roundcube.png
new file mode 100644
index 0000000..8b290bd
Binary files /dev/null and b/images/roundcube.png differ
diff --git a/index.html b/index.html
index 6c706d2..73095f5 100644
--- a/index.html
+++ b/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>
diff --git a/styles.css b/styles.css
index 4ac487e..d5f9446 100644
--- a/styles.css
+++ b/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 {