diff --git a/assets/bg_5.gif b/assets/bg_5.gif
new file mode 100644
index 0000000..1d6b68d
Binary files /dev/null and b/assets/bg_5.gif differ
diff --git a/index.html b/index.html
index 8589cf8..98d5b91 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@
  
      <div class="card col-lg-5 col-md-4 col-sm-3" style="margin-top: 5px; border-radius: 40px;" >
       <div class="card-body">
-        <a href="#" style="text-decoration: none;">
+        <a href="https://www.linkedin.com/in/sabeerjunaid/" style="text-decoration: none;">
          <img src="assets/linkedin.png" style="width: 30px;"> Linkedin
         </a>
       </div>
@@ -42,7 +42,7 @@
 
      <div class="card col-lg-5 col-md-4 col-sm-3" style="margin-top: 5px; border-radius: 40px;" >
       <div class="card-body">
-        <a href="#" style="text-decoration: none; ">
+        <a href="https://github.com/SabeerJuniad" style="text-decoration: none; ">
           <img src="assets/github.png" style="width: 30px;"> GitHub
         </a>
       </div>
diff --git a/styles.css b/styles.css
index e69de29..8591f70 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,21 @@
+body {
+    background-image: url(assets/bg_5.gif);
+    background-repeat: no-repeat;
+    background-size: cover;
+
+}
+
+@media screen and (max-width: 1280px) {
+    body {
+      background-attachment: fixed;
+    }
+  }
+
+  .card {
+    background-color: rgba(255, 255, 255, 0.1); /* Makes the background transparent */
+    transition: background-color 0.3s ease; /* Adds a smooth transition effect */
+  }
+  
+  .card:hover {
+    background-color: rgba(255, 255, 255, 0.5); /* Changes the background color on hover */
+  }
\ No newline at end of file