diff --git a/css/styles.css b/css/styles.css
index f300dfb..590bca4 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,11 +1,12 @@
 html {
-    display: inline-block;
-    margin: auto;
-    max-width: 100%;
-    color: white;
-    background-color: #1B262C;
-    padding: 0;
-    border: 0;
+  display: flex;
+  justify-content: center;
+  margin: auto;
+  max-width: 100%;
+  color: white;
+  background-color: #1B262C;
+  padding: 0;
+  border: 0;
 }
 
 body {
@@ -17,63 +18,68 @@ body {
 }
 
 h1 {
-    margin: 0;
-    border: 0;
-    padding: 0;
-    text-align: center;
+  margin: 0;
+  border: 0;
+  padding: 0;
+  text-align: center;
 }
 
 h2 {
-    font-size: 95%;
-    border: 0;
-    padding: 0;
+  font-size: 95%;
+  border: 0;
+  padding: 0;
 }
 
 ul {
-    text-align: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  padding-right: 3rem;
 }
+
 li {
-    list-style-type: none;
-    display: inline-block;
-    text-align: center;
-    font-size: 25px;
-    border: 0;
-    margin: 0;
-    padding-right: 15px;
+  display: flex;
+  justify-content: center;
+  font-size: 25px;
+  border: 0;
+  margin: 0;
+  padding: 0.5rem;
 }
-.nostrich {
-  width: 25px;
-  height: 25px;
+
+#custom-substack-embed {
+  display: flex;
+  justify-content: center;
 }
+
+.shill {
+  display: flex;
+  justify-content: center;
+}
+
 a, a:active {
   color: inherit;
   text-decoration: none;
 }
 
 a:hover {
-    color: gray;
+  color: gray;
 }
 
 .pfp {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    border-radius: 50%;
-    width: 180px;
-    height: 180px;
-}
-
-.tipjar {
-    width: 15em;
-    height: 15em;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  border-radius: 50%;
+  width: 180px;
+  height: 180px;
 }
 
 .gpg {
-    display: inline-block;
-    background-color: #222831;
-    border-radius: 15px;
-    max-width: 100%;
-    word-wrap: break-word;
+  display: inline-block;
+  background-color: #222831;
+  border-radius: 15px;
+  max-width: 100%;
+  word-wrap: break-word;
 }
 
 .download {
diff --git a/index.html b/index.html
index 2dbdbf8..f6abc5f 100644
--- a/index.html
+++ b/index.html
@@ -8,11 +8,11 @@
     <link rel="stylesheet" href="css/styles.css">
 
     <script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous"></script>
+    <script src="https://substackapi.com/widget.js" async></script>
 
     <title>Bryan Ramos - Dev</title>
 </head>
 
-<body>
 <header>
   <img src="assets/pfp.gif" alt="avatar" class="pfp">
 
@@ -22,16 +22,19 @@
     <li><a href="mailto:bryan@ramos.codes" class="fa-solid fa-envelope"></a></li>
     <li><a href="https://twitter.com/itme_brain" class="fa-brands fa-twitter"></a></li>
     <li><a href="https://github.com/bryram" class="fa-brands fa-github"></a></li>
-
-    <!--TODO:FIX NOSTRICH-->
-    <!-- <li><a href="https://iris.to/#/profile/npub17374whevgs040xkd48gr99g0xmpxd9snqt57dsfvtp0jcjt8yjeq49rdyt" 
-    class="nostrich"><img src="assets/nostrich.png"></a></li>--> 
     <li><a href="pgpkey.html" class="fa-sharp fa-solid fa-key"></a></li>
+    
+    <!--TODO:Add this in once I publish a bit more
+    <li><a href="https://itmebrain.substack.com" class="fa-solid fa-feather"></a></li>-->
+
+    <!--TODO:FIX NOSTRICH
+    <li><a href="https://iris.to/#/profile/npub17374whevgs040xkd48gr99g0xmpxd9snqt57dsfvtp0jcjt8yjeq49rdyt" 
+    class="nostrich"><img src="assets/nostrich.png"></a></li>--> 
   </ul>
 </header>
 
+<body>
 <h2>
-  
   Check out my work on Github.</br></br>
 
   Contact with inquiries using the provided email or visit my socials.</br></br>
@@ -39,11 +42,10 @@
   Please encrypt any sensitive information using the provided PGP key.</br></br>
 </h2>
 
-    <!-- <h1>Articles</h1>-->
 
     <!--TODO: Add Resources for Privacy, Security, Bitcoin etc. -->
     <!-- <h1>Resources</h1>-->
-
+<div class="causes">
 <h1>Projects Supported</h1></br>
   <a href="https://www.linuxfoundation.org/about/donate">Linux Foundation</a></br>
   <a href="https://www.fsf.org/about/ways-to-donate/">Free Software Foundation</a></br>
@@ -52,6 +54,30 @@
   <a href="https://github.com/nostr-protocol/nostr">Nostr</a></br>
   <a href="https://nixos.org/donate.html">NixOS Foundation</a></br>
   <a href="https://donate.torproject.org/">Tor Project</a></br>
+</div></br></br>
 
+
+<!-- TODO: Add this in once I start publishing a few articles 
+<footer>
+  <p class="shill">
+    Stay in touch and keep up-to-date on any articles I may publish
+  </p>
+  <div id="custom-substack-embed">
+    <script>
+      window.CustomSubstackWidget = {
+        substackUrl: "itmebrain.substack.com",
+        placeholder: "example@gmail.com",
+        buttonText: "Confirm",
+        theme: "custom",
+        colors: {
+          primary: "#54982D",
+          input: "#1B262C",
+          email: "#A69F9F",
+          text: "#FFFFFF",
+        }
+      };
+    </script>
+  </div>
+</footer> -->
 </body>
 </html>
