From a3015a910ad47fafeda076970a3448cf27a8fbf4 Mon Sep 17 00:00:00 2001
From: YeahAkis_ <akisytbsteamy@gmail.com>
Date: Tue, 16 Jan 2024 21:57:23 +0100
Subject: [PATCH] =?UTF-8?q?some=20achjange=C4=8Dd=20:)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/style.css | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 23a88fe..d8f3044 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -140,20 +140,25 @@ header hr {
     margin-top: 10px;
     display: flex;
     flex-direction: column;
-    overflow: hidden;
-    max-height: 0;
-    border: 0;
-    transition: max-height 0.3s ease;
+    overflow: hidden; /* Hide the content initially */
+    max-height: 0; /* Set the initial height to 0 */
+    transition: max-height 0.3s ease; /* Add transition for smooth height animation */
 }
-.navsite_item .navpage_list {
-    transition-delay: 0.3s; /* Delay the border fade-out transition */
+
+/* Add this style for the wrapper element with the border */
+.navpage_list_wrapper {
+    border: 0; /* Set initial border to 0 */
+    transition: border 0.3s ease; /* Add transition for smooth border animation */
+}
+
+/* Modify this style for the hover state of the navsite_item */
+.navsite_item:hover .navpage_list_wrapper {
+    border: 8px solid var(--primary-hover); /* Adjust border style as needed */
 }
 
 /* Modify this style for the hover state of the navsite_item */
 .navsite_item:hover .navpage_list {
     max-height: 200px; /* Adjust the value based on your content height */
-    border: 4px solid var(--primary-hover); /* Adjust border style as needed */
-    transition-delay: 0s; /* Reset delay on hover */
 }
 
 li.navpage_item{