diff --git a/Writerside/cfg/buildprofiles.xml b/Writerside/cfg/buildprofiles.xml
index 9b7fc73..7c34f1b 100644
--- a/Writerside/cfg/buildprofiles.xml
+++ b/Writerside/cfg/buildprofiles.xml
@@ -11,6 +11,7 @@
             <link-color>#F75D62</link-color>
             <noindex-content>false</noindex-content>
             <custom-favicons>icon16.png,icon32.png,icon96.png,icon300.png,icon500.png</custom-favicons>
+            <custom-css>custom.css</custom-css>
         </variables>
         <footer>
             <copyright>2024 devOS: Sanity Edition, asojidev</copyright>
diff --git a/Writerside/cfg/static/custom.css b/Writerside/cfg/static/custom.css
new file mode 100644
index 0000000..80773a5
--- /dev/null
+++ b/Writerside/cfg/static/custom.css
@@ -0,0 +1,371 @@
+@import "https://tilomitra.github.io/infinite/infinite.css";
+@import "https://stijndv.com/fonts/Eudoxus-Sans.css";
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+.eudoxus-sans-bold {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bold;
+    font-style: normal;
+}
+
+.poppins-thin {
+  font-family: "Poppins", sans-serif;
+  font-weight: 100;
+  font-style: normal;
+}
+
+.poppins-extralight {
+  font-family: "Poppins", sans-serif;
+  font-weight: 200;
+  font-style: normal;
+}
+
+.poppins-light {
+  font-family: "Poppins", sans-serif;
+  font-weight: 300;
+  font-style: normal;
+}
+
+.poppins-regular {
+  font-family: "Poppins", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.poppins-medium {
+  font-family: "Poppins", sans-serif;
+  font-weight: 500;
+  font-style: normal;
+}
+
+.poppins-semibold {
+  font-family: "Poppins", sans-serif;
+  font-weight: 600;
+  font-style: normal;
+}
+
+.poppins-bold {
+  font-family: "Poppins", sans-serif;
+  font-weight: 700;
+  font-style: normal;
+}
+
+.poppins-extrabold {
+  font-family: "Poppins", sans-serif;
+  font-weight: 800;
+  font-style: normal;
+}
+
+.poppins-black {
+  font-family: "Poppins", sans-serif;
+  font-weight: 900;
+  font-style: normal;
+}
+
+.poppins-thin-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 100;
+  font-style: italic;
+}
+
+.poppins-extralight-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 200;
+  font-style: italic;
+}
+
+.poppins-light-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 300;
+  font-style: italic;
+}
+
+.poppins-regular-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 400;
+  font-style: italic;
+}
+
+.poppins-medium-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 500;
+  font-style: italic;
+}
+
+.poppins-semibold-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 600;
+  font-style: italic;
+}
+
+.poppins-bold-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 700;
+  font-style: italic;
+}
+
+.poppins-extrabold-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 800;
+  font-style: italic;
+}
+
+.poppins-black-italic {
+  font-family: "Poppins", sans-serif;
+  font-weight: 900;
+  font-style: italic;
+}
+
+
+:root {
+    --app-header: var(--wh-color-bg-main);
+    --app-footer: var(--wh-color-bg-main);
+    --section-background-color-alpha: 0.10;
+    --primary-color-75: rgba(247, 93, 98, 0.75);
+    --primary-color-50: rgba(247, 93, 98, 0.5);
+    --primary-color-25: rgba(247, 93, 98, 0.25);
+    --primary-color-10: rgba(247, 93, 98, 0.1);
+    --primary-color-5: rgba(247, 93, 98, 0.05);
+}
+
+/* starting page card */
+.starting-page-card {
+    border-radius: 0.5em;
+    border: 1px solid var(--primary-color-25);
+    /*animation: cardpulse 2s infinite !important; !* WHY IS THIS NOT WORKING *!*/
+    /*animation-play-state: paused;*/
+}
+
+.starting-page-card:hover, .starting-page-title__card:hover {
+    border: 1px solid var(--wh-color-primary);
+    /*animation-play-state: running !important;*/
+}
+
+/*@keyframes cardpulse {*/
+/*    0% {*/
+/*        transform: scale(1);*/
+/*        box-shadow: 0 0 0 0 var(--wh-color-primary);*/
+/*    }*/
+
+/*    70% {*/
+/*        transform: scale(1);*/
+/*        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);*/
+/*    }*/
+
+/*    100% {*/
+/*        transform: scale(1);*/
+/*        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
+/*    }*/
+/*}*/
+
+/* Search and Theme Switcher */
+._modeClear_joawza_434._dark_joawza_62 {
+    color: var(--primary-color-75);
+}
+
+._modeClear_joawza_434._dark_joawza_62:hover {
+    color: var(--wh-color-primary);
+}
+
+/* product name */
+.wh-header__product-name {
+    color: var(--wh-color-primary);
+}
+
+/* ToC */
+.app__sidebar {
+    border-right: 1px transparent;
+}
+
+/* selected/hovered in ToC */
+.toc-item--selected, .toc-item--highlighted {
+    border-top-right-radius: 0.5em;
+    border-bottom-right-radius: 0.5em;
+}
+
+.toc-item--selected:hover, .toc-item--theme-light:hover, .toc-item--theme-dark:hover {
+    border-top-right-radius: 0.5em;
+    border-bottom-right-radius: 0.5em;
+    background-color: var(--primary-color-25);
+}
+
+/* tab for right side small ToC list */
+.toc-node--selected:after {
+    border-radius: 0.25em;
+}
+
+/* Background highlight in Topics pages for secondary sections */
+.section-starting-page-content__section--highlighted {
+    background-color: var(--primary-color-10);
+    border-radius: 0.5em;
+}
+
+/* weird bar right at the end of secondary in topics and top of footer, aka where the footer nav links are ig */
+.navigation-links {
+    border-top: 1px transparent;
+}
+
+/* removes unnessecary padding at the top of all pages, if i could do negatives i'd remove more but this is as much as
+i could do */
+.app__article {
+    padding-top: unset;
+}
+
+/* Footer */
+.app__footer {
+    background-color: var(--primary-color-10);
+    border-radius: 0.5em 0.5em 0.5em 0;
+}
+
+/* footer links bullshit down to the last rs-text-3 thingy */
+.footer {
+    --app-link-color-dark: var(--wh-color-primary);
+    --app-link-border-color-dark: var(--wh-color-primary);
+    color: var(--wh-color-primary);
+}
+/* stop being so fucking picky holy shit */
+.rs-text-3_theme_dark {
+    color: var(--wh-color-primary);
+}
+
+.rs-text-3_theme_dark.rs-text-3_hardness_hard {
+    color: var(--wh-color-primary);
+}
+
+/* all Definition blocks in things like the Commands pages and Config pages */
+.definition-list__group {
+    border-radius: 0.5em;
+    background-color: var(--primary-color-5);
+    border: 1px solid var(--primary-color-25);
+}
+
+/* prodedures */
+.procedure-steps {
+    border-radius: 0.5em;
+    border: 1px solid var(--primary-color-25);
+}
+
+/* video player */
+.video-player.article__bordered-element.child { /* this took me 15m to figure out the fuckin class. */
+    border-radius: 0.5em;
+    border: 1px transparent;
+}
+
+/* tldr block */
+.micro-format__content {
+    animation: tldrpulse 2s infinite;
+}
+
+@keyframes tldrpulse {
+    0% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
+    }
+
+    70% {
+        transform: scale(1);
+        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+    }
+
+    100% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+    }
+}
+
+/* warning adminition */
+.prompt__wrapper--type-warning {
+    animation: warningadmonitionpulse 2s infinite;
+}
+
+@keyframes warningadmonitionpulse {
+    0% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 var(--rs-color-danger);
+    }
+
+    70% {
+        transform: scale(1);
+        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+    }
+
+    100% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+    }
+}
+
+/* notes admonition */
+.prompt__wrapper--type-note {
+    animation: noteadmonitionpulse 2s infinite;
+}
+
+@keyframes noteadmonitionpulse {
+    0% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 var(--rs-color-success);
+    }
+
+    70% {
+        transform: scale(1);
+        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+    }
+
+    100% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+    }
+}
+
+.article__figure .article__img {
+    border-radius: 0.5em;
+}
+
+.title__content {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bolder;
+}
+
+.article__p {
+    font-family: "Poppins", sans-serif;
+}
+
+.toc-item {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: normal;
+}
+
+.rs-h1 {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bolder;
+}
+
+.rs-h2 {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bold;
+}
+
+.rs-h3 {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bold;
+}
+
+.rs-subtitle-2 {
+    font-family: "Poppins", sans-serif;
+    font-weight: normal;
+}
+
+.rs-text-2 {
+    font-family: "Poppins", sans-serif;
+    font-weight: normal;
+}
+
+.rs-text-3 {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bold;
+}
+
+.navigation-links__next {
+    font-family: "Eudoxus Sans", sans-serif;
+    font-weight: bold;
+}
\ No newline at end of file