From 915e10d0401d1d4034c88e9792849432108bd1e0 Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty <rajdeepchka@gmail.com>
Date: Mon, 7 Oct 2024 14:41:16 +0530
Subject: [PATCH] Added CSS to the social icons to add Hover animation

---
 style.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index d74401b0..a8891407 100644
--- a/style.css
+++ b/style.css
@@ -461,13 +461,34 @@ button:hover img {
     border-radius: 50%;
     color: #d3d3d3;
     transition: all .3s;
+    transition: transform 0.3s ease, background 0.3s ease; /* Added transform property */
 }
 
-.socials a:hover {
-    background: #4CAF50;
-    color: white;
+.socials a:hover{
+    transform: scale(1.2); /* Zoom effect on hover */
 }
 
+.socials .facebook:hover {
+    background: blue;
+    color: white;
+    
+ } 
+
+ .socials .instagram:hover {
+    background: orangered;
+    color: white;
+ } 
+
+ .socials .twitter:hover {
+    background: black;
+    color: white;
+ } 
+
+ .socials .youtube:hover {
+    background: red;
+    color: white;
+ } 
+
 .links ul {
     list-style-type: none;
     padding: 0;