From 8715fe6bc49de9c2630374fc8c9a79c48ec5445f Mon Sep 17 00:00:00 2001
From: Sondos Bsharat <105979412+SondosBsharat@users.noreply.github.com>
Date: Tue, 11 Jun 2024 21:36:51 +0400
Subject: [PATCH] Update index.css

---
 index.css | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index b155cf6..44c9a7f 100644
--- a/index.css
+++ b/index.css
@@ -403,4 +403,31 @@ code{
     color: #666;
 }
 
-
+/* Responsive styles */
+@media (max-width: 480px) {
+    header h1 {
+        font-size: 20px; /* Further reduce font size for smaller screens */
+    }
+
+    header .h1-2 {
+        font-size: 16px; /* Further reduce font size for smaller screens */
+    }
+
+    header .authors, header .contribution, header .affiliations {
+        font-size: 12px; /* Further reduce font size for smaller screens */
+        margin: 2px; /* Further reduce margin for tighter spacing */
+    }
+
+    a.nav-link {
+        font-size: 12px; /* Further reduce font size for smaller screens */
+        padding: 6px 12px; /* Further adjust padding for better touch area */
+    }
+}
+
+/* Responsive styles */
+@media (max-width: 768px) {
+    /* Decrease the font size of navigation links */
+    .main-nav ul.second li a {
+        font-size: 11px;
+    }
+}