fixed css issues (#495)

Author: lukasgoetzweiss

src/css/custom.css

@@ -241,7 +241,7 @@ sup {
   color: var(--ifm-color-gray-600);
 
   /* Make the text a bit smaller */
-  font-size: 0.75rem;
+  font-size: 0.7rem;
 
   /* Optional: Add some additional styling */
   font-weight: 600;
@@ -253,11 +253,13 @@ sup {
   background-color: transparent !important;
 }
 
-.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible > .menu__link,
-.theme-doc-sidebar-item-link-level-2 > .menu__link {
-  padding-left: 0;
-}
 
+/* Ensure the color doesn't change on hover or when active */
+.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link:hover,
+.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link--active {
+  color: var(--ifm-color-gray-600);
+  background: none;
+}
 
 /* Remove hover effects for the parent element as well */
 .theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible:hover {
@@ -350,22 +352,6 @@ code {
   }
 }
 
-/* Adjust these values as needed */
-h1 {
-  font-size: 2rem;
-}
-
-h2 {
-  font-size: 1.5rem;
-}
-
-h3 {
-  font-size: 1.25rem; 
-}
-
-h4 {
-  font-size: 1rem; 
-}
 
 /* Style the Table of Contents */
 .table-of-contents {
@@ -388,7 +374,3 @@ h4 {
 .theme-doc-sidebar-container {
   border-right: none !important;
 }
-
-img {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}