From 2b99482e62263b0191a7ec9b5520b600ce3b603b Mon Sep 17 00:00:00 2001
From: Harshil <harshilgupta.2005@gmail.com>
Date: Fri, 27 Dec 2024 23:21:54 +0530
Subject: [PATCH] Bugfix: minor changes

---
 src/css/custom.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index fa0195d..5e4de8c 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -16,8 +16,8 @@
   --ifm-color-primary-light: #339dff;
   --ifm-color-primary-lighter: #66b2ff;
   --ifm-color-primary-lightest: #99caff;
-  --btn-bgclr: #3970fd;
-  --btn-bgclr-hover: rgb(30 64 175);
+  --btn-bg-color: #3970fd;
+  --btn-bg-color-hover: #1e40af;
   --btn-clr: white;
   --sidebar-bg-color: #f3f4f6;
   --secondary-blue-400: #80a3ff;
@@ -46,9 +46,8 @@
 
 /* Home Page */
 .main-wrapper{
-  padding: 3rem;
   background: var(--sidebar-bg-color);
-
+  
 }
 .main-wrapper .heroBanner_c70D{
   background-color: #fff;
@@ -56,10 +55,10 @@
 
 .hero{
   border-radius: 25px;
-  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
+  margin: 3rem;
+  box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.1);
 }
 
-
 /* Docs Page */
 main {
   background-color: #f3f4f6;
@@ -202,7 +201,7 @@ html::-webkit-scrollbar-corner {
 }
 .button,
 .button.button--secondary {
-  background: var(--btn-bgclr);
+  background: var(--btn-bg-color);
   color: var(--btn-clr);
 }
 .button:hover,
@@ -267,7 +266,10 @@ a:hover {
   background-color: var(--sidebar-bg-color);
 }
 /* dark  */
-[data-theme="dark"] .hero, .navbar {
+[data-theme="dark"] .hero {
+  box-shadow: 2px 6px 6px rgba(255, 255, 255, 0.1);
+}
+[data-theme="dark"] .navbar {
   box-shadow: 0px 4px 6px rgba(255, 255, 255, 0.1);
 }
 [data-theme="dark"] .menu__list-item:hover {
@@ -293,14 +295,14 @@ a:hover {
 
 [data-theme="dark"] .button,
 .button.button--secondary {
-  background: var(--btn-bgclr);
+  background: var(--btn-bg-color);
   color: var(--btn-clr);
 }
 [data-theme="dark"] .button.button--secondary:hover {
   color: var(--btn-clr);
 }
 [data-theme="dark"] .button:hover {
-  background: var(--btn-bgclr-hover);
+  background: var(--btn-bg-color-hover);
   color: var(--btn-clr);
 }
 [data-theme="dark"] .footer {