diff --git a/package-lock.json b/package-lock.json
index 6e16ba9..7453258 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,6 +34,7 @@
         "react-scripts": "5.0.1",
         "react-simple-chatbot": "^0.6.1",
         "react-toastify": "^10.0.5",
+        "urix": "^0.1.0",
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
diff --git a/package.json b/package.json
index 2c47298..dcb5a6c 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "react-scripts": "5.0.1",
     "react-simple-chatbot": "^0.6.1",
     "react-toastify": "^10.0.5",
+    "urix": "^0.1.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/src/pages/footer.css b/src/pages/footer.css
index cd7d018..ee16ff2 100644
--- a/src/pages/footer.css
+++ b/src/pages/footer.css
@@ -108,8 +108,35 @@
   align-items: center;
   width: 1.5rem;
   height: 1.5rem;
+  color:rgba(0,0,0,0.5);
+  transition: all 0.3s ease-in-out;
 }
 
 .footer-icons .icon:last-child {
   margin-right: 0;
-}
\ No newline at end of file
+}
+body.active .footer-icons .icon{
+color: white;
+}
+.footer-icons .git:hover{
+  color: #000016;
+  transform: scale(1.2);
+  background-color: white;
+  border-radius: 50%;
+}
+.footer-icons .linkedin:hover{
+  color: #0077B5;
+  transform: scale(1.2);
+  background-color: white;
+}
+body.active .footer-icons .git:hover{
+  color: #000016;
+  transform: scale(1.2);
+  background-color: white;
+  border-radius: 50%;
+}
+body.active .footer-icons .linkedin:hover{
+  color: #0077B5;
+  transform: scale(1.2);
+  background-color: white;
+}
diff --git a/src/pages/footer.js b/src/pages/footer.js
index 0587435..bf109cb 100644
--- a/src/pages/footer.js
+++ b/src/pages/footer.js
@@ -18,10 +18,10 @@ const Footer = () => {
           </div>
           <div className="footer-item footer-icons">
             <a href="https://github.com/AbhiDiva96/75per">
-              <GitHubIcon className="icon" />
+              <GitHubIcon className="icon git" />
             </a>
             <a href="https://www.linkedin.com/in/abhishek-kumar-062231198/">
-              <LinkedInIcon className="icon" />
+              <LinkedInIcon className="icon linkedin" />
             </a>
           </div>
         </div>