diff --git a/css/article.css b/css/article.css
index e17aa27..5f6efe8 100644
--- a/css/article.css
+++ b/css/article.css
@@ -108,7 +108,7 @@ main .heart {
 }
 
 .section {
-    margin: 0 25vw 28px;
+    margin: 0 15vw 28px;
 }
 
 .docs {
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..3266f47
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html scroll-behavior="smooth">
+    <head>
+        <title>WynnDocs</title>
+        <link rel="icon" href="/media/icons/new/searcher.png">
+        <link rel="manifest" href="manifest.json">
+
+        <meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no">
+    
+        <!-- nunito font, copying wynnbuilder, which is copying wynndata -->
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
+
+        <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
+        <link href="/thirdparty/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    
+        <link rel="stylesheet" href="/thirdparty/autoComplete.min.css">
+    
+        
+        <link rel="stylesheet" href="/css/article.css"> <!-- This one is the important one for docs -->
+        <link rel="stylesheet" href="/css/styles.css">
+        <link rel="stylesheet" href="/css/sidebar.css">
+        <link rel="stylesheet" href="/css/wynnstyles.css">
+    </head>
+    <body class="all" style="overflow-y: scroll">
+        <div id="main-sidebar" class="sidebar dark-7 dark-shadow">
+            <a href = "/builder/"><img src="/media/icons/new/builder.png" alt = "WynnBuilder" title = "WynnBuilder"><b>WynnBuilder</b></a>
+            <a href = "/crafter/"><img src = "/media/icons/new/crafter.png" alt = "WynnCrafter" title = "WynnCrafter"><b>WynnCrafter</b></a>
+            <a href = "/items/"><img src = "/media/icons/new/searcher.png" alt = "WynnAtlas" title = "WynnAtlas"><b>WynnAtlas</b></a>
+            <a href = "/custom/"><img src = "/media/icons/new/custom.png" alt = "WynnCustom" title = "WynnCustom"><b>WynnCustom</b></a>
+            <a href = "/map/"><img src = "/media/icons/new/compass.png" alt = "WynnGPS" title = "WynnGPS"><b>WynnGPS</b></a>
+            <a href = "/wynnfo/"><img src = "/media/icons/new/book.png" alt = "Wynnfo" title = "WynnCrafter"><b>WynnCrafter</b></a>
+            <a onclick = "toggleIcons()"><img src = "/media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
+            <hr/>
+            <a href = "https://discord.gg/CGavnAnerv" target = "_blank"><img src = "/media/icons/discord.png" alt = "WB Discord" title = "WB Discord"><b>WB Discord</b></a>
+        </div>
+        <main>
+            <div class="full-width text-center">
+                <img src="/media/items/new.png"/>
+            </div>
+            <div class="section">
+                <h2>Welcome to the WynnBuilder Docs</h2>
+                <p>Documentation Homepage - sections coming soon!</p>
+            </div>
+        </main>
+        <script type="text/javascript" src="../../js/icons.js"></script>
+    </body>
+</html>
diff --git a/docs/items_adv_help/index.html b/docs/items_adv_help/index.html
index c580248..07cf6af 100644
--- a/docs/items_adv_help/index.html
+++ b/docs/items_adv_help/index.html
@@ -2,7 +2,7 @@
 <html scroll-behavior="smooth">
     <head>
         <title>WynnAtlas Help</title>
-        <link rel="icon" href="../media/icons/new/searcher.png">
+        <link rel="icon" href="/media/icons/new/searcher.png">
         <link rel="manifest" href="manifest.json">
 
         <meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no">
@@ -18,7 +18,7 @@
         <link rel="stylesheet" href="/thirdparty/autoComplete.min.css">
     
         
-        <link rel="stylesheet" href="/css/article.css">
+        <link rel="stylesheet" href="/css/article.css"> <!-- This one is the important one for docs -->
         <link rel="stylesheet" href="/css/styles.css">
         <link rel="stylesheet" href="/css/sidebar.css">
         <link rel="stylesheet" href="/css/wynnstyles.css">
