diff --git a/index.html b/index.html
index 5412cfa..70de435 100644
--- a/index.html
+++ b/index.html
@@ -166,6 +166,7 @@ <h3>Follow Me</h3>
           <a href="https://www.linkedin.com/in/0xelsherif/" class="fa fa-linkedin"></a>
           <a href="https://github.com/0xelsherif" class="fa fa-github"></a>
           <a href="https://www.hackerrank.com/profile/0xelsherif" class="fa fa-code"></a>
+          <a href="https://twitter.com/intent/follow?screen_name=0xelsherif" class="fa fa-twitter"></a>
           <a href="https://stackoverflow.com/users/23931990/0xelsherif" class="fa fa-stack-overflow"></a>
           <a href="https://codepen.io/0xelsherif" class="fa fa-codepen"></a>
           
diff --git a/styles.css b/styles.css
index 5f7f099..8114bbb 100644
--- a/styles.css
+++ b/styles.css
@@ -67,7 +67,7 @@ body.dark-mode {
 
 .card {
     background-color: white;
-    padding: 20px;
+    padding: 16px;
     margin-top: 20px;
     background: #fff;
     border: 1px solid #e8e8e8;
@@ -214,7 +214,10 @@ body.dark-mode {
     background: #f48024;
     color: white;
 }
-
+.fa-twitter {
+    background: #1DA1F2;
+    color: white;
+}
 /* Add CSS styles for the toggle switch */
 .switch {
     position: relative;