diff --git a/public/css/custom.css b/public/css/custom.css
new file mode 100644
index 00000000..4050ac17
--- /dev/null
+++ b/public/css/custom.css
@@ -0,0 +1,10 @@
+/* Leetcode */
+.button.button-leetcode {
+    color: #ffffff;
+    background-color: #17063B;
+    border: 1px solid #FFFFFF;
+  }
+  .button.button-leetcode:hover,
+  .button.button-leetcode:focus {
+    filter: brightness(90%);
+  }
\ No newline at end of file
diff --git a/public/images/icons/leetcode_white.svg b/public/images/icons/leetcode_white.svg
new file mode 100644
index 00000000..7b71b38e
--- /dev/null
+++ b/public/images/icons/leetcode_white.svg
@@ -0,0 +1 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg" id="SvgjsSvg1012" viewBox="21.1776192 0 244.79999999999998 287.93260799999996" style="max-height: 500px" width="244.79999999999998" height="287.93260799999996"><defs id="SvgjsDefs1013"/><g id="SvgjsG1014"><svg height="288" width="288" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="color000 svgShape" fill="#ffffff" d="M22,14.355c0-0.742-0.564-1.346-1.26-1.346H10.676c-0.696,0-1.26,0.604-1.26,1.346s0.563,1.346,1.26,1.346H20.74C21.436,15.702,22,15.098,22,14.355z" style="--darkreader-inline-fill: #252829;" data-darkreader-inline-fill=""/><path class="color000 svgShape" fill="#ffffff" d="M3.482,18.187l4.313,4.361C8.768,23.527,10.113,24,11.598,24c1.485,0,2.83-0.512,3.805-1.494l2.588-2.637c0.51-0.514,0.492-1.365-0.039-1.9c-0.531-0.535-1.375-0.553-1.884-0.039l-2.676,2.607c-0.462,0.467-1.102,0.662-1.809,0.662s-1.346-0.195-1.81-0.662l-4.298-4.363c-0.463-0.467-0.696-1.15-0.696-1.863c0-0.713,0.233-1.357,0.696-1.824l4.285-4.38c0.463-0.467,1.116-0.645,1.822-0.645s1.346,0.195,1.809,0.662l2.676,2.606c0.51,0.515,1.354,0.497,1.885-0.038c0.531-0.536,0.549-1.387,0.039-1.901l-2.588-2.636c-0.649-0.646-1.471-1.116-2.392-1.33l-0.034-0.007l2.447-2.503c0.512-0.514,0.494-1.366-0.037-1.901c-0.531-0.535-1.376-0.552-1.887-0.038L3.482,10.476C2.509,11.458,2,12.813,2,14.311C2,15.809,2.509,17.207,3.482,18.187z" style="--darkreader-inline-fill: #252829;" data-darkreader-inline-fill=""/></svg></g></svg>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 40d35bcc..9c3878d0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,6 +15,7 @@
   <link rel="stylesheet" href="css/normalize.css">
   <link rel="stylesheet" href="css/skeleton-auto.css">
   <link rel="stylesheet" href="css/brands.css">
+  <link rel="stylesheet" href="css/custom.css">
   <link rel="icon" type="image/x-icon" href="images/favicon.ico">
 
 </head>
@@ -48,14 +49,17 @@
         <!-- Signal -->
         <a class="button button-signal" href="https://signal.me/#eu/M46bPKb1ZIJIV0W5YJMjcnnwQmscbd04gLh9pZk3hdO0UGwQE2dOW4U38MlCayzr" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/signal.svg" alt="Signal Logo">fekie.08</a><br>
   
-          <pre  style="text-align: left; display: inline-block;">
+        <!-- Leetcode -->
+        <a class="button button-leetcode" href="https://leetcode.com/u/fekie/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/leetcode_white.svg" alt="Leetcode Logo">fekie</a><br>
+
+        <pre  style="text-align: left; display: inline-block;">
    |\---/|
    | ,_, |
     \_`_/-..----.
  ___/ `   ' ,""+ \  sk
 (__...'   __\    |`.___.';
   (_,...'(_,.`__)/'.....+
-                  </pre>
+        </pre>
       </div>
       
     </div>