diff --git a/src/styles/Starlight.scss b/src/styles/Starlight.scss
new file mode 100644
index 0000000..e6cb2f3
--- /dev/null
+++ b/src/styles/Starlight.scss
@@ -0,0 +1,89 @@
+body {
+  background: black;
+}
+
+header {
+    .header-content {
+        svg {
+            transform: none !important;
+        }
+    }
+}
+
+.main-frame.astro-4toy2ex6
+{
+  .header-start
+  {
+    margin-left: 12px;
+  }
+  max-width: 1200px;
+  margin: 0px auto 0px auto;
+  display: flex;
+  padding: calc(var(--sl-nav-height) + var(--sl-mobile-toc-height)) 0px 0px 0px;
+}
+#starlight__sidebar {
+  position: inherit;
+  background: rgba(13, 13, 13, 0.8);
+  border: 1px rgb(33, 33, 33) solid;
+  border-radius: 6px;
+  margin-top: 6px;
+}
+.sidebar.astro-4toy2ex6
+{
+  margin-top: 38px;
+}
+.header.astro-4toy2ex6
+{
+  background: transparent;
+  border: none;
+}
+.sl-container:where(.astro-7nkwcw3z) {
+  margin-inline: inherit !important;
+  max-width: inherit !important;
+}
+article.card {
+  background: rgba(13, 13, 13, 0.5);
+  border: 1px rgb(33, 33, 33) solid;
+  border-radius: 6px;
+}
+.content-panel.astro-7nkwcw3z {padding: 16px 0px}
+.sl-content {padding-left: 24px !important}
+
+.support-center-search {
+  display: none;
+}
+@media only screen and (max-width: 800px) {
+  .header-center,
+  .header-end > a:nth-child(1),
+  .header-end > a:nth-child(2),
+  .support-center-search-sidebar {
+    display: none;
+  }
+  .support-center-search {
+    display: inline-block;
+  }
+  #starlight__sidebar {
+    position: fixed;
+    top: 30px;
+    backdrop-filter: blur(10px);
+  }
+  .support-center-search {margin-right: 70px}
+  button:where(.astro-v37mnknz)[data-open-modal] {padding: 10px}
+  .sl-flex.md\:sl-hidden.astro-jif73yzw {margin: 5px}
+  .header-start {margin-left: 12px}
+}
+
+
+
+.sl-banner.astro-laz2plt2 a
+{
+  color: white;
+}
+.sl-banner.astro-laz2plt2
+{
+  background: rgba(13, 13, 13, 0.8);
+  border: 1px rgb(33, 33, 33) solid;
+  border-radius: 6px;
+  margin-top: 38px;
+  color: white;
+}
\ No newline at end of file