From f4205a0a29808c64513891183d84d4de5a598db7 Mon Sep 17 00:00:00 2001
From: SMIT PATEL <147633120+smit23patel@users.noreply.github.com>
Date: Sun, 27 Oct 2024 21:49:56 +0530
Subject: [PATCH] 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!
---
 docs/_includes/head_custom.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/docs/_includes/head_custom.html b/docs/_includes/head_custom.html
index cd6a6734..ac555a8b 100644
--- a/docs/_includes/head_custom.html
+++ b/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,32 +23,36 @@
     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);
@@ -53,5 +60,6 @@
 
 ul li .hugging-face-logo:hover {
     filter: hue-rotate(0deg);
+    transition: filter 0.3s;
 }
 </style>