diff --git a/blog.html b/blog.html
index b71631f..41191b6 100644
--- a/blog.html
+++ b/blog.html
@@ -434,23 +434,23 @@ <h2>Forgot Password</h2>
             <a href="#" class="nav-link" id="travel">Travel</a>
           </div>
           <a href="bookmarks.html" class="nav-link"
-            style="float: right; margin-left: auto; color: #f9b0b0; transition: all 0.4s ease-in-out;">My Reading
+            style="float: right; margin-left: auto; color: #df9797; transition: all 0.4s ease-in-out; font-weight: bolder;">My Reading
             List</a>
           <div class="title">
             <h2 class="text-title text-dark display-1" looking for feedback></h2>
           </div>
           <div class="meta">
             <a href="#" class="link display-2 text-secondary px-1">
-              <i class="fa-solid fa-user" style="color:  #f9b0b0;" id="fa"></i>anshika arora
+              <i class="fa-solid fa-user" style="color:  #df9797; font-weight: bolder;" id="fa"></i>anshika arora
             </a>
             <a href="#" class="link display-2 text-secondary px-1">
-              <i class="fa-solid fa-clock" style="color:  #f9b0b0;" id="fa"></i>feb 12, 2021
+              <i class="fa-solid fa-clock" style="color:  #df9797; font-weight: bolder;" id="fa"></i>feb 12, 2021
             </a>
             <a href="./blog.html#coment" class="link display-2 text-secondary px-1">
-              <i class="fa-solid fa-comments" style="color:  #f9b0b0;" id="fa"></i>3
+              <i class="fa-solid fa-comments" style="color: #df9797; font-weight: bolder;" id="fa"></i>3
             </a>
             <a href="#" class="link display-2 text-secondary px-1 bookmark-btn" id="bookmark">
-              <i class="fa-solid fa-bookmark" style="color: #f9b0b0;" id="bookmark-icon"></i>
+              <i class="fa-solid fa-bookmark" style="color:#df9797; font-weight: bolder;" id="bookmark-icon"></i>
               <span id="bookmark-text" style="color: f9b0b0;">Bookmark</span>
             </a>
           </div>
@@ -1447,6 +1447,9 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   </script>
 
   <style>
+      body{
+    scroll-behavior: smooth;
+  }
     .faq-button-container {
       text-align: center;
       margin-top: 20px;
diff --git a/bookmarks.html b/bookmarks.html
index 9b09041..5a79791 100644
--- a/bookmarks.html
+++ b/bookmarks.html
@@ -421,6 +421,9 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 </div>
 
 <style>
+    body{
+    scroll-behavior: smooth;
+  }
   .back-to-top {
     position: fixed;
     bottom: 20px;
diff --git a/category.html b/category.html
index 5cd094e..82b8606 100644
--- a/category.html
+++ b/category.html
@@ -998,6 +998,9 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   </div>
 
   <style>
+        body{
+    scroll-behavior: smooth;
+  }
     .back-to-top {
       position: fixed;
       bottom: 20px;
diff --git a/chatbot.html b/chatbot.html
index 6ea37c5..fab09d5 100644
--- a/chatbot.html
+++ b/chatbot.html
@@ -26,6 +26,7 @@
         min-height: 100vh;
         margin: 0;
         font-family: Arial, sans-serif;
+        scroll-behavior: smooth;
     }
 
     .chat-container {
diff --git a/fashion.html b/fashion.html
index 63ca755..461466b 100644
--- a/fashion.html
+++ b/fashion.html
@@ -13,7 +13,7 @@
  
   <title>The Art of Fashion</title>
   <style>
-    body { background-color: #f8b5b5; color: #333; font-family: Arial, sans-serif; margin: 0; padding: 0; }
+    body { background-color: #f8b5b5; color: #333; font-family: Arial, sans-serif; margin: 0; padding: 0; scroll-behavior: smooth;}
     .container { max-width: 900px; margin: 40px auto; margin-top: 10rem; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
     h1 { color: #d9534f; text-align: center; }
     p, h2 { line-height: 1.6; }
diff --git a/frontend/src/index.html b/frontend/src/index.html
index fd1ecc6..f4723d6 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 </head>
 
-<body class="bg-gray-100 dark:bg-gray-900">
+<body class="bg-gray-100 dark:bg-gray-900" style="scroll-behavior: smooth;">
   <div id="app">
     <nav id="navbar"></nav>
     <main id="content"></main>
@@ -35,4 +35,4 @@
   </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>