add link for github repo

Author: DavidingPlus

index.html

@@ -13,7 +13,8 @@
 
     <header>
         <h1><i class="fa fa-code"></i> Code Browser</h1>
-        <p><a href="https://lzx0626.me" class="blog-link">Visit My Blog</a></p>
+        <a href="https://lzx0626.me" class="header-link">Visit My Blog</a>
+        <a href="https://github.com/DavidingPlus/code-browser" class="header-link">GitHub Repo</a>
     </header>
 
     <main id="link-container">

source/css/styles.css

@@ -28,20 +28,27 @@ header h1 {
     font-size: 2em;
 }
 
-header .blog-link {
+header .header-link {
     display: inline-block;
     margin-top: 1em;
-    padding: 0.5em 1em;
+    padding: 0.6em 1.2em;
     text-decoration: none;
     color: #007acc;
-    font-size: 1em;
+    font-size: 1.1em;
+    /* Slightly increased font size */
+    font-weight: bold;
+    /* Bold text */
+    line-height: 1.4;
+    /* Adjusted line height for better readability */
+    letter-spacing: 0.05em;
+    /* Added letter spacing */
     border: 2px solid white;
     border-radius: 5px;
     background-color: white;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s;
 }
 
-header .blog-link:hover {
+header .header-link:hover {
     background-color: #4da6ff;
     /* Lighter blue for hover */
     color: white;