Updated theme to look a little better

index.html

@@ -31,7 +31,7 @@
                         <a href="/pages/links.html">My Links!</a>
                     </div>
                     <div class="post">
-                        <h3>System Media</h3>
+                        <h3 class="postHeader">System Media</h3>
                         <ul>
                             <li><a href="/pages/Jukebox.html">Music</a></li>
                             <li><a href="/pages/games.html">Games</a></li>

pages/links.html

@@ -23,6 +23,12 @@
                     <h3>Telegram Post Feed</h3>
                 </a>
             </div>
+            <div class="socialLink">
+                <a href="https://techrunner.itch.io/">
+                    <img src="https://static.itch.io/images/itchio-textless-black.svg" alt="" srcset="">
+                    <h3>Itch.io Page</h3>
+                </a>
+            </div>
             <div class="socialLink">
                 <a href="https://discord.gg/XNqyCMBh">
                     <img src="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/66e3d80db9971f10a9757c99_Symbol.svg" alt="">

stylesheets/home.css

@@ -101,8 +101,6 @@ div#postarea{
 }
 
 #blogList ul{
-  padding-right: 5%;
-  padding-left: 5%;
   list-style: none;
   text-align: center;
   width:inherit;
@@ -125,16 +123,19 @@ div.post {
   padding: 5%;
 }
 
-.post p{
+.postHeader{
-  width: 100%;
+  margin-bottom: 5px;
-  height: 100%;
+}
+.post ul{
+  padding: 0;
 }
-
 .post ul, a{
-  color: #ACACAC;
+  color: #f00990;
+  text-align: center;
 }
 
 .postImage{
+  margin: 3px;
   width: 50%;
   aspect-ratio: 1/1;
   border-radius: 5%;
@@ -200,28 +201,33 @@ div.post {
 .memberPhoto{
   display: flex;
   flex-direction: column-reverse;
-  height: 100%;
   align-items: center;
+  width: 100%;
+  flex-grow: 1;
 }
 
-.memberPhoto img{
-  width: 100%;
-}
 
 .member p{
   font-size: 9pt;
+  background-color: rgb(48, 38, 49);
+  border-radius: 20px;
+  padding: 5px;
+  flex-grow:1;
 }
 
 li.member{
   border-style: solid;
   border-color: #25a89d;
-  border-radius: 4px;
+  border-radius: 20px;
   border-width: 1px;
   list-style: none;
-  background-color: #767e7e8c;
+  background-color: #35474775;
-  height: 100%;
   width: 100%;
   margin: 5px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  flex-grow:1;
 }
 
 a.member{