Merge pull request #3028 from shivam8112005/new

fixed hover effect timing of social media icons

index.html

@@ -185,7 +185,7 @@
   border-radius: 1rem;
   background: transparent;
   color: #000000;
-  transition: background 0.3s, transform 0.3s; 
+  /* transition: background 1s, transform 1s;  */
 }
 
 .socialmediaicons .fa-instagram:hover {
@@ -195,16 +195,21 @@
                                #d42e81 50%, 
                                #a237b6 75%, 
                                #3e57bc 100%);
+                               transition: all 0.3s ;
   background-clip: padding-box;
   border-radius: 1rem; 
   color: white; 
   transform: scale(1.1); 
 
 }  
 .socialmediaicons .fa-facebook:hover{
+  transition: all 0.3s ;
   color: blue;
+
+
 }   
 .socialmediaicons .fa-youtube:hover{
+  transition: all 0.3s ;
   color: red;
 }
 
@@ -955,7 +960,7 @@
   <style>
     /* Fixed translate button */
     *{
-      transition: all 1s ease-in-out;
+      transition: all 0.3s ease-in-out;
     }
 #translateButton {
     position: fixed;