update css for h5

docs/style.css

@@ -10,12 +10,13 @@
     --brand-background: var(--body-background);
     --code-tag-border-color: #d8d8d8;
     --hr-color: none;
+    --pager-background-color: #f8fafa;
+    --pager-border-color: none;
     --search-field-background: none;
     --search-field-border-color: none;
     --sidebar-background: var(--body-background);
     --sidebar-border-color: none;
-    --sidebar-link-active-background: #e8f4f6;
-    --sidebar-link-active-background: #eee;
+    --sidebar-link-active-background: #f0f4f6;
     /* Axels custom values */
     --axel_bg-toc: var(--body-background);
     --axel_bg-toc-head: #f8f8f8;
@@ -34,9 +35,9 @@
     --axel_h2-hero-bottom: 2px solid #912;
     --axel_h3: #333;
     --axel_h3-bottom: 0px solid #ddd;
-    --axel_h4: #444;
-    --axel_h5: #888;
-    --axel_hero_bg: #f8f8f8;
+    --axel_h4: #466;
+    --axel_h5: #699;
+    --axel_hero_bg: #faf6f2;
     --axel_img-border: 2px dashed #ccc;
     --axel_nav-bg: #fcfcfc;
     --axel_nav-buttomborder: #ddd;
@@ -77,6 +78,8 @@
     --axel_h2-hero-bottom: 2px solid #712;
     --axel_h3: #589;
     --axel_h3-bottom: 0px solid #333;
+    --axel_h4: #478;
+    --axel_h5: #278;
     --axel_hero_bg: #242424;
     --axel_img-border: 2px dashed #555;
     --axel_nav-bg: #242424;
@@ -278,7 +281,7 @@ div.hero h2 {
     border-top-left-radius: 1em;
     font-size: 1.1em;
     margin: 0;
-    padding: 0;
+    padding: 0.3em;
 }
 
 .TableOfContentsContainer__content {