diff --git a/assets/styles.css b/assets/styles.css
index 2567901..9af305b 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -169,6 +169,34 @@ footer a {
     text-decoration: none;
 }
 
+.tooltip {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 5px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap; /* Prevents text from wrapping */
+    opacity: 0;
+    transition: opacity 0.3s;
+    font-family: 'Times New Roman', Times, serif;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
+
 .language-selector {
     margin-bottom: 10px;
 }
diff --git a/index.html b/index.html
index 4bbaeeb..b09f3d4 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
     <header>
         <div class="title">
             <img src="/assets/images/icon.png" alt="Icon">
-            <h1><a href="#" onclick="loadContent('home')" style="color: white;">Firebase Me</a> <span class="alpha">αλφα</span></h1>
+            <h1><a href="#" onclick="loadContent('home')" style="color: white;">Firebase Me</a> <span class="alpha tooltip">αλφα<span class="tooltiptext">Alpha</span></span></h1>
         </div>
         <div class="categories" id="category-list">
             <!-- Categories will be dynamically loaded here -->