Sync CSS from website

Author: Style Sync

src/css/custom.css

@@ -15,6 +15,7 @@
   --ifm-color-primary-lightest: #f1d366;
 
   --ifm-link-color: #307D77;
+  --docs-header-height: 5rem;
 }
 
 
@@ -96,4 +97,42 @@
 
 .footer--dark {
   --ifm-footer-background-color: #18252D;
+}
+
+#docs-header {
+  height: var(--docs-header-height);
+}
+
+.docs-container h2  {
+  scroll-margin-top: calc(var(--ifm-navbar-height) + .5rem);
+}
+
+.docs-container h3 {
+  --ifm-h3-font-size: 1.5rem;
+  margin-top: calc(var(--ifm-h3-vertical-rhythm-top)* var(--ifm-leading));
+  scroll-margin-top: calc(var(--ifm-navbar-height) + .5rem);
+}
+
+.docs-toc {
+  max-height: calc(100vh - var(--ifm-navbar-height) - 2rem);
+  overflow-y: auto;
+  position: sticky;
+  top: calc(var(--ifm-navbar-height) + var(--docs-header-height) + 1rem);
+}
+
+.docs-toc ul {
+  list-style: none;
+  padding-left: var(--ifm-toc-padding-horizontal);
+}
+
+.docs-row {
+  flex-direction: row-reverse;
+}
+
+@media (min-width: 997px) {
+
+  .docs-left-col {
+    max-width: 75% !important;
+  }
+
 }