Update head_custom.html

1. Adjusted font size for better readability.

2. Added transitions to various hover effects for smoother interactions.

3. Increased the size of the hugging face logos for better visibility and consistency.
Feel free to modify any of these suggestions as per your design preferences!

Author: smit23patel

docs/_includes/head_custom.html

@@ -2,12 +2,15 @@
 
 
 <style>
+/* Updated font size for better readability */
 ul li span {
-    font-size: 3em;
+    font-size: 2em;
 }
 
+/* Added transition for smoother hover effects */
 .fa-youtube:hover {
     color: red;
+    transition: color 0.3s;
 }
 
 /*
@@ -20,38 +23,43 @@
     background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background-clip: text;
     -webkit-background-clip: text;
+    transition: background 0.3s;
 }
 
 .fa-square-x-twitter:hover {
     color: black;
+    transition: color 0.3s;
 }
 
 .fa-linkedin:hover {
     color: #0077B5;
+    transition: color 0.3s;
 }
 
 .fa-discord:hover {
     color: white;
     background-color: #5865F2;
     border-radius: 5px;
+    transition: background-color 0.3s;
 }
 
 .hugging-face-logo {
-    height: 50px;
-    width: 50px;
+    height: 60px;
+    width: 60px;
     padding-top: 5px;
     filter: hue-rotate(210deg);
 }
 
 footer ul li .hugging-face-logo {
-    height: 15px;
-    width: 15px;
+    height: 20px;
+    width: 20px;
     padding-top: 0px;
     padding: 0px;
     filter: hue-rotate(210deg);
 }
 
 ul li .hugging-face-logo:hover {
     filter: hue-rotate(0deg);
+    transition: filter 0.3s;
 }
 </style>