diff --git a/runatlantis.io/.vitepress/theme/index.scss b/runatlantis.io/.vitepress/theme/index.scss
deleted file mode 100644
index e73107b1e5..0000000000
--- a/runatlantis.io/.vitepress/theme/index.scss
+++ /dev/null
@@ -1,237 +0,0 @@
-// https://vitepress.dev/guide/using-vue#using-css-pre-processors
-
-// colors
-$textColor: var(--c-text);
-$borderColor: var(--c-border);
-$buttonTextColor: var(--c-badge-danger-text);
-$buttonColor: var(--c-brand);
-$buttonHoverColor: var(--c-brand-light);
-$darkBackground: var(--c-bg-light);
-$darkBackgroundBorder: var(--c-border-dark);
-
-// layout
-$navbarHeight: 3.6rem;
-$sidebarWidth: 20rem;
-$contentWidth: 740px;
-
-// responsive breakpoints
-$MQNarrow: 959px;
-$MQMobile: 719px;
-$MQMobileNarrow: 419px;
-
-$homeWidth: 960px;
-.home {
-  padding: 0 2rem;
-  margin: 0px auto 80px;
-  .hero {
-    text-align: center;
-    img {
-      max-height: 280px;
-      display: block;
-      margin: 3rem auto 1.5rem;
-    }
-    h1 {
-      font-size: 3rem;
-    }
-    h1, .description, .action {
-      margin: 1.8rem auto;
-    }
-    .description {
-      max-width: 35rem;
-      font-family: Lato, sans-serif;
-      font-size: 1.9rem;
-      line-height: 1.3;
-    }
-    .action {
-      display: inline;
-    }
-    .action-button {
-      display: inline-block;
-      font-size: 1.2rem;
-      color: $buttonTextColor;
-      cursor: pointer;
-      background-color: $buttonColor;
-      padding: 0.8rem 1.6rem;
-      border-radius: 4px;
-      transition: background-color .1s ease;
-      box-sizing: border-box;
-      margin: 0 10px;
-      &:hover {
-        background-color: $buttonHoverColor;
-      }
-    }
-  }
-  h2 {
-    border-bottom: none;
-  }
-  .features {
-    border-top: 1px solid $borderColor;
-    padding: 1.2rem 0;
-    margin-top: 0;
-  }
-  .footer {
-    padding: 2.5rem;
-    border-top: 1px solid $borderColor;
-    text-align: center;
-  }
-}
-
-.getting-started-footer {
-  padding: 2.5rem 0;
-  margin: 0 auto;
-}
-
-.workflow-container {
-  border-top: 2px solid $borderColor;
-}
-
-.workflow {
-  text-align: center;
-  margin: 80px auto;
-  max-width: $homeWidth;
-  img {
-    width: 100%;
-  }
-  .mobile {
-    display: none;
-  }
-}
-
-.benefits-container {
-   border-top: 1px solid $darkBackgroundBorder;
-  .benefit-container {
-    border-bottom: 1px solid $darkBackgroundBorder;
-    .title {
-      padding-top: 40px;
-      text-align: center;
-    }
-    &.-dark {
-      background-color: $darkBackground;
-    }
-    .benefit {
-      max-width: $homeWidth;
-      margin: 0 auto;
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      .item {
-        flex-basis: 50%;
-        flex-grow: 1;
-        min-width: 250px;
-        .image {
-          padding: 40px;
-          text-align: center;
-          img {
-            max-height: 200px;
-          }
-        }
-      }
-      .description {
-        padding: 40px;
-        h2 {
-          border: none;
-        }
-        ul {
-          list-style-type: none;
-          padding-left: 0;
-        }
-        li {
-          display: flex;
-          align-items: center;
-          line-height: 25px;
-          margin-bottom: 20px;
-        }
-        .checkmark {
-          width: 20px;
-          margin-right: 10px;
-          vertical-align: middle;
-          align-self: baseline;
-          padding-top: 5px;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: $MQMobile) {
-  .workflow {
-    .mobile {
-      display: block;
-    }
-    .desktop {
-      display: none;
-    }
-  }
-
-  .benefits-container {
-    .benefit-container {
-      .benefit {
-        flex-direction: column;
-        .item {
-          &.image {
-            order: -1;
-          }
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: $MQMobileNarrow) {
-  .home {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    .hero {
-      img {
-        max-height: 210px;
-        margin: 2rem auto 1.2rem;
-      }
-      h1 {
-        font-size: 2rem;
-      }
-      h1, .description, .action {
-        margin: 1.2rem auto;
-      }
-      .description {
-        font-size: 1.2rem;
-      }
-      .action-button {
-        font-size: 1rem;
-        padding: 0.6rem 1.2rem;
-      }
-    }
-  }
-}
-
-.theme-container {
-  &.home-custom {
-    .hero {
-      h1 {
-        font-size: 64px;
-        font-family: Lato, sans-serif;
-        font-weight: 900;
-      }
-      img {
-        height: 200px;
-      }
-    }
-    p {
-      &.description {
-        position: relative;
-        &:before {
-          position: absolute;
-          content: '';
-          width: 40px;
-          height: 3px;
-          top: -19px;
-          left: 50%;
-          margin-left: -20px;
-          background: #f36;
-        }
-      }
-    }
-  }
-}
-.sidebar-heading {
-  font-size: inherit;
-}
diff --git a/runatlantis.io/.vitepress/theme/index.ts b/runatlantis.io/.vitepress/theme/index.ts
index 8152d82aaa..395964ae4b 100644
--- a/runatlantis.io/.vitepress/theme/index.ts
+++ b/runatlantis.io/.vitepress/theme/index.ts
@@ -1,7 +1,5 @@
 import DefaultTheme from "vitepress/theme";
 import { defineAsyncComponent, h } from 'vue';
-import "./index.scss";
-import "./palette.scss";
 
 export default {
   ...DefaultTheme,
diff --git a/runatlantis.io/.vitepress/theme/palette.scss b/runatlantis.io/.vitepress/theme/palette.scss
deleted file mode 100644
index 7f406d4555..0000000000
--- a/runatlantis.io/.vitepress/theme/palette.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$accentColor: #0074db;
-$textColor: #2c3e50;
-$borderColor: #eaecef;
-$codeBgColor: #282c34;