Darkened, added some margins, made support buttons into a row.

templates/base.html

@@ -55,8 +55,8 @@
         height: 100%; 
         background:
           linear-gradient(
-            rgba(0, 0, 0, 0.6), 
+            rgba(0, 0, 0, 0.7), 
-            rgba(0, 0, 0, 0.6)
+            rgba(0, 0, 0, 0.7)
             ),
           url('/images/main_img.webp');
         -webkit-filter: blur(3px);

templates/index.html

@@ -34,6 +34,7 @@
           <header class="is-center">
             <img height=180 src="images/review_pic.webp">
           </header>
+          <br />
           <h4 class="text-center">Open Source</h4>
           <p>Lemmy is and will always remain free, <a href="https://github.com/LemmyNet">open source</a> software, using the strong <a href="https://en.wikipedia.org/wiki/Copyleft">copyleft</a> <a href="/LICENSE">AGPL License</a>.</p>
         </div>
@@ -43,6 +44,7 @@
           <header class="is-center">
             <img height=180 src="/images/code_pic.webp">
           </header>
+          <br />
           <h4 class="text-center">Blazing Fast</h4>
           <p>Made using some of the fastest frameworks and tools, including <a href="https://www.rust-lang.org">Rust</a>, <a href="https://actix.rs/">Actix</a>, <a href="http://diesel.rs/">Diesel</a>, <a href="https://infernojs.org">Inferno</a>,  and <a href="https://www.typescriptlang.org/">Typescript</a>.</p>
         </div>
@@ -52,6 +54,7 @@
           <header class="is-center">
             <img height=180 src="/images/mod_pic.webp">
           </header>
+          <br />
           <h4 class="text-center">Powerful Mod Tools</h4>
           <p>Each server can set its own moderation policy, to help foster a healthy environment where all can feel comfortable contributing.</p>
         </div>
@@ -128,11 +131,17 @@
     <div class="text-center">
       <h2><a href="/sponsors">Support / Donate</a></h2>
       <p>Lemmy is free, open-source software, meaning no advertising, monetizing, or venture capital, ever. <a href="/sponsors">Your donations</a> directly support full-time development of the project.
-      <p>
+      <div class="row">
+        <div class="col">
           <a class="button primary" href="https://liberapay.com/Lemmy">Support on Liberapay</a>
+        </div>
+        <div class="col">
           <a class="button primary" href="https://www.patreon.com/dessalines">Support on Patreon</a>
-      <a class="button primary" href="https://opencollective.com/lemmy">Support on OpenCollective</a>
+        </div>
-      </p>
+        <div class="col">
+          <a class="col button primary" href="https://opencollective.com/lemmy">Support on OpenCollective</a>
+        </div>
+      </div>
     </div>
   </div>
   <br />