From 933c184d9a9f3d7e2f3a7c1a5cf92f03f6cc6331 Mon Sep 17 00:00:00 2001
From: BuildTools <lily@l1lith.com>
Date: Sun, 25 Apr 2021 19:29:40 -0600
Subject: [PATCH] improve the site further

---
 docs-source/pages/_app.js    |  2 ++
 docs-source/pages/home.js    |  3 ++-
 docs-source/styles/_app.less | 11 +++++------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/docs-source/pages/_app.js b/docs-source/pages/_app.js
index 03f0bf8..88b8f47 100644
--- a/docs-source/pages/_app.js
+++ b/docs-source/pages/_app.js
@@ -17,6 +17,8 @@ function MyApp({ Component, pageProps }) {
       <Header />
       <main id="page">
         <Component {...pageProps} />
+        <br />
+        <br />
       </main>
     </Fragment>
   )
diff --git a/docs-source/pages/home.js b/docs-source/pages/home.js
index 4b59315..4b8de5b 100644
--- a/docs-source/pages/home.js
+++ b/docs-source/pages/home.js
@@ -7,7 +7,7 @@ class Home extends Component {
   render() {
     return (
       <div className="home">
-        <h2>Getting started with Sandhands</h2>
+        <h1>Getting started with Sandhands</h1>
         <br />
         <p>
           Sandhands is used to sanitize all kinds of data in JS! Make sure to check out the{' '}
@@ -37,6 +37,7 @@ class Home extends Component {
           like to happen after sanitation is performed.
         </p>
         <br />
+        <br />
         <h2>A Basic Express Example</h2>
         Sandhands provides integrated support for working with express, making it perfect for
         protecting your endpoints
diff --git a/docs-source/styles/_app.less b/docs-source/styles/_app.less
index 9e09dd1..e6f6830 100644
--- a/docs-source/styles/_app.less
+++ b/docs-source/styles/_app.less
@@ -33,13 +33,12 @@ body {
   border-radius: 10px;
 }
 #page {
-  & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
+  margin-bottom: -50px;
+  & > h1, & > h2, & > h3, & > h4, & > h5, & > h6, & > * > h1, & > * >  h2, & > * >  h3, & > * >  h4, & > * >  h5, & > * > h6 { // Any header one or two layers below the page element
     background-color: rgba(24, 26, 27, 0.21);
-  }
-  & > * {
-    & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
-      background-color: rgba(24, 26, 27, 0.21);
-    }
+    text-align: center;
+    margin: 0 auto;
+    color: white;
   }
 }
 #root, #__next {