modify footer section

Author: treeben77

api.html

@@ -226,8 +226,7 @@ <h4>API Privacy</h4>
         <div class="footer-left">
             AutoMod Regex Generator
 
-            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.</p>
-            <p>Developers can check out the <a class="link" href="api.html">API</a>! | <a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
+            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.<br><a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
         </div>
         <div class="footer-right">
             <p>Made by <a class="link" href="https://treeben77.xyz">treeben77</a></p>

index.html

@@ -121,14 +121,15 @@
 
         <p>You can also visit the <a class="link" href="regexes.html">Regexes page</a> to find regexes that block links, zalgo, and more.</p>
 
+        <p>If you're a developer, you can check out the <a class="link" href="api.html">API</a> to intergrate the generator into your own creations!</p>
+
         <script src="static/index.js" type="module"></script>
     </div>
     <div class="footer">
         <div class="footer-left">
             AutoMod Regex Generator
 
-            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.</p>
-            <p>Developers can check out the <a class="link" href="api.html">API</a>! | <a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
+            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.<br><a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
         </div>
         <div class="footer-right">
             <p>Made by <a class="link" href="https://treeben77.xyz">treeben77</a></p>

regexes.html

@@ -208,8 +208,7 @@
         <div class="footer-left">
             AutoMod Regex Generator
 
-            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.</p>
-            <p>Developers can check out the <a class="link" href="api.html">API</a>! | <a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
+            <p class="footer-copyright">© treeben77 2024. Not affiliated with Discord.<br><a class="link" href="https://donate.stripe.com/cN23g53tk2U273G001">Donate</a> to the primary maintainer ❤️</p>
         </div>
         <div class="footer-right">
             <p>Made by <a class="link" href="https://treeben77.xyz">treeben77</a></p>

static/main.css

@@ -104,7 +104,7 @@ body {
     display: inline-block;
     vertical-align: middle;
     white-space: normal;
-    width: calc(100% - 110px);
+    width: calc(100% - 114px);
 }
 
 .step .right-element {
@@ -118,9 +118,14 @@ body {
     padding: 10px;
     border-style: none;
     border-radius: 10px;
+    font-family: 'Poppins', sans-serif;
     height: 30px;
 }
 
+button {
+    font-family: 'Poppins', sans-serif;
+}
+
 .text-input:focus {
     outline: 0;
 }
@@ -222,7 +227,7 @@ body {
 
 .footer {
     background-color: #151515;
-    padding: 40px;
+    padding: 30px 40px;
 }
 
 .footer p {
@@ -238,13 +243,13 @@ body {
 .footer .footer-left {
     display: inline-block;
     width: 50%;
-    margin-top: -9px;
 }
 
 .footer .footer-right {
     float: right;
     width: 50%;
     text-align: right;
+    margin-top: 8.89px;
 }
 
 .link {