diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 209c557..3c14737 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,101 +1,94 @@
 :root {
-    /* --md-primary-fg-color:        rgb(53, 112, 227);
-    --md-primary-fg-color--light: rgb(109, 145, 219);
-    --md-primary-fg-color--dark:  rgb(41, 99, 214); */
-    /* --md-primary-fg-color:        #0056FF;
-    --md-primary-fg-color--light: #5586cf;
-    --md-primary-fg-color--dark:  #3d71be; */
-    --md-primary-fg-color: #1a7dc9;
-    --home-color: #0071c7;
-    --nav-item-color: #4d4d4d;
-  
-  }
-  
-  .md-header__button.md-logo img {
-    width: 5.5rem;
-    height: 1.5rem;
-  }
-  .md-header__button.md-logo {
-    transition-duration: 0.2s;
-    transition-property: transform;
-  }
-  
-  .md-header,.md-footer-nav {
-    background-image: linear-gradient(0 deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(46 106 225) 53%, rgb(32 97 223) 78%, rgb(26 94 225) 100%);
-    /* background-color: rgb(53, 112, 227); */
-  }
+  --md-primary-fg-color: #1a7dc9;
+  --home-color: #0071c7;
+  --nav-item-color: #4d4d4d;
+  --md-accent-fg-color: #0071c7;
+}
 
-  .md-footer {
-    margin-top: 50px;
-  }
 
-  .md-tabs {
-    /* background-image: linear-gradient(45deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(42, 125, 227) 53%, rgb(27, 141, 226) 78%, rgb(8, 162, 225) 100%); */
-    box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%);
-  }
-  
-  .md-nav__item--nested>.md-nav__link, .md-nav__item a {
-    color: var(--nav-item-color);
-  }
-  
-  .md-nav__item--nested>.md-nav__link:hover {
-    color: var(--md-accent-fg-color);
-  }
-  .md-nav__title .md-nav__button.md-logo img,
-  .md-nav__title .md-nav__button.md-logo svg {
-    width: auto;
-  }
+.md-header__button.md-logo img {
+  width: 5.5rem;
+  height: 1.5rem;
+}
+.md-header__button.md-logo {
+  transition-duration: 0.2s;
+  transition-property: transform;
+}
 
-  .md-sidebar--primary .md-nav{
-    font-size: 0.75rem;
-  }
+.md-header,.md-footer-nav {
+  background-image: linear-gradient(0 deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(46 106 225) 53%, rgb(32 97 223) 78%, rgb(26 94 225) 100%);
+  /* background-color: rgb(53, 112, 227); */
+}
 
-  .md-sidebar--primary .md-sidebar__scrollwrap{
-    border-right: 1px solid #ebedf1;
-  }
+.md-footer {
+  margin-top: 50px;
+}
 
-  .md-nav__item--nested > .md-nav__link{
-    font-size: 0.8rem;
-    font-weight: 500;
-  }
+/* .md-tabs {
+  box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%);
+} */
 
-  .md-sidebar--primary .md-nav__item .md-nav__link--active {
-    /* background-color: aliceblue; */
-    background: linear-gradient(295deg,#edf8ff,rgba(232,236,244,0));
-    border-right: 2px solid #1a7dc9;
-  }
+.md-nav__item--nested>.md-nav__link, .md-nav__item a {
+  color: var(--nav-item-color);
+}
 
-  .md-sidebar--primary .md-nav__item .md-nav__link--active {
-    padding: 0px 0px;
-  }
-  /* .md-nav__icon {
-    width: 0px;
-  } */
+.md-nav__item--nested>.md-nav__link:hover {
+  color: var(--md-accent-fg-color);
+}
+.md-nav__title .md-nav__button.md-logo img,
+.md-nav__title .md-nav__button.md-logo svg {
+  width: auto;
+}
 
-  .md-grid {
-    max-width: 64rem;
-  }
+.md-sidebar--primary .md-nav{
+  font-size: 0.75rem;
+}
 
-  @media screen and (min-width: 76.25em) {
-    .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{
-      margin-left: 1.6rem;
-    }
-  }
+.md-sidebar--primary .md-sidebar__scrollwrap{
+  border-right: 1px solid #ebedf1;
+}
 
-  .md-tabs__link {
-    font-weight: 450;
-  }
+.md-nav__item--nested > .md-nav__link{
+  font-size: 0.8rem;
+  font-weight: 500;
+}
 
-  .md-tabs__link .md-tabs__link--active {
-    font-weight: 500;
-    border-bottom: 2px solid white;
-  }
+.md-sidebar--primary .md-nav__item .md-nav__link--active {
+  background: linear-gradient(295deg,#edf8ff,rgba(232,236,244,0));
+  border-right: 2px solid #1a7dc9;
+}
 
-  .md-typeset h1 {
-    font-weight: 500;
-    color: #000000a1;
-  }
+.md-sidebar--primary .md-nav__item .md-nav__link--active {
+  padding: 0px 0px;
+}
+/* .md-nav__icon {
+  width: 0px;
+} */
 
-  .md-typeset h2 {
-    font-weight: 440;
-  }
\ No newline at end of file
+.md-grid {
+  max-width: 64rem;
+}
+
+/* @media screen and (min-width: 76.25em) {
+  .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{
+    margin-left: 1.6rem;
+  }
+} */
+
+.md-tabs__link {
+  font-weight: 450;
+}
+
+.md-tabs__link .md-tabs__link--active {
+  font-weight: 500;
+  border-bottom: 2px solid white;
+}
+
+.md-typeset h1 {
+  font-weight: 500;
+  color: #000000a1;
+}
+
+.md-typeset h2 {
+  font-weight: 440;
+}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 9bf78d7..c020d5e 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,6 +1,6 @@
 INHERIT: nav.yml
 
-site_name: Loggie
+site_name: ' ' 
 
 site_description: Loggie Documentation
 extra_css:
@@ -30,13 +30,13 @@ theme:
 
   # palette:
   #   - scheme: default
-  #     primary: white
+  #     primary: indigo
   #     accent: indigo
   #     toggle:
   #       icon: material/toggle-switch-off-outline
   #       name: Switch to dark mode
   #   - scheme: slate
-  #     primary: red
+  #     primary: white
   #     accent: red
   #     toggle:
   #       icon: material/toggle-switch
diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index 36e0f6d..9d47985 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -1,248 +1,250 @@
 .md-main__inner {
-    margin: 0;
-    max-width: 100%;
+  margin: 0;
+  max-width: 100%;
+}
+
+.md-main__inner .md-content__inner,
+.md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
+  margin: 0;
+  padding: 0;
+}
+
+@media screen and (min-width: 76.25em) {
+  [dir=ltr] .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner {
+      margin-left: 0;
   }
-  
-  .md-main__inner .md-content__inner,
-  .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
-    margin: 0;
-    padding: 0;
-  }
-  
-  .md-main__inner .md-content__inner:before {
+}
+
+.md-main__inner .md-content__inner:before {
+  display: none;
+}
+
+@media screen and (min-width: 60em) {
+  .md-sidebar--secondary {
     display: none;
   }
-  
-  @media screen and (min-width: 60em) {
-    .md-sidebar--secondary {
-      display: none;
-    }
+}
+@media screen and (min-width: 76.25em) {
+  .md-sidebar--primary {
+    display: none;
   }
-  @media screen and (min-width: 76.25em) {
-    .md-sidebar--primary {
-      display: none;
-    }
-  }
-  
-  @keyframes continuousgradient {
-    0% {background-position: 0% 50%;}
-    50% {background-position: 100% 50%;}
-    100% {background-position: 0% 50%;}
-  }
-  
-  .animated-gradient {
-    animation-name: continuousgradient;
-    background: linear-gradient(-45deg, #095a99, #095a99);
-    animation-duration: 12s;
-    animation-iteration-count: infinite;
-    animation-timing-function: ease-in-out;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    background-repeat: no-repeat;
-    background-size: 300% 100%;
-    /* opacity: 0.4; */
-    z-index: -1;
-    padding: 20px;
-  }
-  
-  .animated-gradient img {
-    display: block !important;
-  }
-  
-  .md-typeset img,
-  .md-typeset svg {
-    max-width: initial;
-  }
-  
-  /* Fixes logo aspect ratio in Safari */
-  section.home-container img {
-    object-fit: contain;
-    object-position: right;
-  }
-  
-  section.home-container {
-    min-height: 435px;
-    justify-content: center;
-    color: #fff;
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding-bottom: 0;
-    padding-top: 0;
-  }
-  
-  .home-container > .md-typeset {
-    flex-grow: 2;
-  }
-  
-  body {
-    color: #fff;
-    background: var(--md-primary-fg-color);
-    background: #095a99;
-    background: #0071c7;
-    background: var(--home-color);
-  }
-  
+}
+
+@keyframes continuousgradient {
+  0% {background-position: 0% 50%;}
+  50% {background-position: 100% 50%;}
+  100% {background-position: 0% 50%;}
+}
+
+.animated-gradient {
+  animation-name: continuousgradient;
+  background: linear-gradient(-45deg, #095a99, #095a99);
+  animation-duration: 12s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in-out;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  background-repeat: no-repeat;
+  background-size: 300% 100%;
+  /* opacity: 0.4; */
+  z-index: -1;
+  padding: 20px;
+}
+
+.animated-gradient img {
+  display: block !important;
+}
+
+.md-typeset img,
+.md-typeset svg {
+  max-width: initial;
+}
+
+/* Fixes logo aspect ratio in Safari */
+section.home-container img {
+  object-fit: contain;
+  object-position: right;
+}
+
+section.home-container {
+  min-height: 435px;
+  justify-content: center;
+  color: #fff;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+
+.home-container > .md-typeset {
+  flex-grow: 2;
+}
+
+body {
+  color: #fff;
+  background: var(--md-primary-fg-color);
+  background: #095a99;
+  background: #0071c7;
+  background: var(--home-color);
+}
+
+.whats-next-container,
+.usedby-container,
+.home-container,
+.features-container,
+.intro-container,
+.components-container {
+  margin: 0;
+  border: 0;
+  padding-top: 2em;
+  padding-bottom: 5em;
+}
+
+.home-container .md-button {
+  margin-top: 0.5rem;
+  margin-right: 0.5rem;
+  color: var(--md-primary-bg-color);
+}
+
+.home-container .md-button--primary {
+  background-color: var(--md-primary-bg-color);
+  color: #095a99;
+  border-color: var(--md-primary-bg-color);
+}
+
+.home-container h1 {
+  color: #fff;
+  font-weight: bolder;
+  margin-top: 1em;
+  margin-bottom: 0;
+}
+
+.home-container h2 {
+  margin: 0;
+}
+
+.whats-next-container {
+  color: #fff;
+  background: #1b2f52;
+}
+
+.whats-next-container .component-flex {
+  display: flex;
+  gap: 2em;
+  padding-top: 1em;
+}
+
+.whats-next-container .pane h4 {
+  font-size: 1.3em;
+}
+
+.whats-next-container .twemoji {
+  color: #fff;
+  justify-content: center;
+}
+
+.whats-next-container .twemoji, .whats-next-container .twemoji svg {
+  height: 3.5em;
+  width: 3.5em;
+}
+
+.whats-next-container .pane {
+  text-align: center;
+}
+
+.whats-next-container .md-button {
+  display: inline-block;
+  margin: 0.5em auto;
+}
+
+.intro-container img {
+  height: 10em;
+  float: right;
+  margin: 0 0 0 2em;
+}
+
+.usedby-container {
+  background: #fff;
+  color: #000;
+  display: flex;
+  justify-content: center;
+}
+
+.usedby-container #usedby-title {
+  display: flex;
+  justify-content: center;
+}
+
+.usedby-container #usedby {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.usedby-container #usedby-more {
+  font-style: italic;
+  font-size: smaller;
+  color: #aaa;
+  text-align: center;
+}
+
+.usedby-container .logo {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 3em 1em;
+  width: 150pt;
+  height: 36pt;
+}
+
+.usedby-container .logo img {
+  max-width: 150pt;
+  max-height: 36pt;
+}
+
+.features-container {
+  color: #000;
+  background: #fff;
+}
+
+/* @media only screen and (max-width: 1440px) {
+  .components-container,
   .whats-next-container,
   .usedby-container,
   .home-container,
   .features-container,
-  .intro-container,
-  .components-container {
-    margin: 0;
-    border: 0;
-    padding-top: 2em;
-    padding-bottom: 5em;
+  .intro-container {
+    padding: 40px;
   }
-  
-  .home-container .md-button {
-    margin-top: 0.5rem;
-    margin-right: 0.5rem;
-    color: var(--md-primary-bg-color);
-  }
-  
-  .home-container .md-button--primary {
-    background-color: var(--md-primary-bg-color);
-    color: #095a99;
-    border-color: var(--md-primary-bg-color);
-  }
-  
-  .home-container h1 {
-    color: #fff;
-    font-weight: bolder;
-    margin-top: 1em;
-    margin-bottom: 0;
-  }
-  
-  .home-container h2 {
-    margin: 0;
-  }
-  
-  .whats-next-container {
-    color: #fff;
-    background: #1b2f52;
-  }
-  
-  .whats-next-container .component-flex {
-    display: flex;
-    gap: 2em;
-    padding-top: 1em;
-  }
-  
-  .whats-next-container .pane h4 {
-    font-size: 1.3em;
-  }
-  
-  .whats-next-container .twemoji {
-    color: #fff;
-    justify-content: center;
-  }
-  
-  .whats-next-container .twemoji, .whats-next-container .twemoji svg {
-    height: 3.5em;
-    width: 3.5em;
-  }
-  
-  .whats-next-container .pane {
-    text-align: center;
-  }
-  
-  .whats-next-container .md-button {
-    display: inline-block;
-    margin: 0.5em auto;
-  }
-  
-  .intro-container img {
-    height: 10em;
-    float: right;
-    margin: 0 0 0 2em;
-  }
-  
-  .usedby-container {
-    background: #fff;
-    color: #000;
-    display: flex;
-    justify-content: center;
-  }
-  
-  .usedby-container #usedby-title {
-    display: flex;
-    justify-content: center;
-  }
-  
-  .usedby-container #usedby {
-    display: flex;
-    justify-content: center;
+}
+
+@media only screen and (max-width: 800px) {
+  .component-flex {
     flex-wrap: wrap;
   }
-  
-  .usedby-container #usedby-more {
-    font-style: italic;
-    font-size: smaller;
-    color: #aaa;
-    text-align: center;
-  }
-  
-  .usedby-container .logo {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 3em 1em;
-    width: 150pt;
-    height: 36pt;
-  }
-  
-  .usedby-container .logo img {
-    max-width: 150pt;
-    max-height: 36pt;
-  }
-  
-  .features-container {
-    color: #000;
-    background: #fff;
-  }
-  
-  @media only screen and (max-width: 1440px) {
-    .components-container,
-    .whats-next-container,
-    .usedby-container,
-    .home-container,
-    .features-container,
-    .intro-container {
-      padding: 40px;
-    }
-  }
-  
-  @media only screen and (max-width: 800px) {
-    .component-flex {
-      flex-wrap: wrap;
-    }
-  
-    .intro-container img {
-      display: block;
-      margin:0 auto;
-      float: none;
-    }
-  }
-  
-  /*fixing issue in safari css */
-  .md-typeset .task-list-item {
-    margin-left: 25px;
-  }
-  
-  /* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
-  footer nav.md-footer__inner {
-    padding: 0;
-  }
-  footer .md-footer-meta .md-footer-meta__inner {
-    padding: 1em 0;
-  }
-  
-  .md-footer {
-    margin-top: 0px;
+
+  .intro-container img {
+    display: block;
+    margin:0 auto;
+    float: none;
   }
+} */
+
+
+/* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
+footer nav.md-footer__inner {
+  padding: 0;
+}
+footer .md-footer-meta .md-footer-meta__inner {
+  padding: 1em 0;
+}
+
+.md-footer {
+  margin-top: 0px;
+}
diff --git a/overrides/main.html b/overrides/main.html
index 5cb6467..63913c1 100644
--- a/overrides/main.html
+++ b/overrides/main.html
@@ -1,2 +1 @@
-{% extends "base.html" %}
-
+{% extends "base.html" %}
\ No newline at end of file