Change styling so flex wraps (and looks cooler)

styling/home.css

@@ -5,7 +5,7 @@
 
 .post-item-title {
     margin-bottom: 2px;
-    color: #ad657d;
+    color: #438ee4;
     transition: color 0.2s linear;
 }
 
@@ -28,6 +28,7 @@
     display: flex;
     justify-content: center;
     gap: 10px;
+    flex-wrap: wrap;
 }
 
 .post-item {
@@ -38,7 +39,7 @@
 }
 
 .post-item-link {
-    flex-basis: 200px;
+    flex-basis: 250px;
     flex-grow: 1;
     text-decoration: none;
 }
@@ -48,5 +49,5 @@
 }
 
 .post-item:hover > .post-item-title {
-    color: rgb(240, 95, 119);
+    color: rgb(10, 89, 194);
 }
\ No newline at end of file

styling/main.css

@@ -17,7 +17,7 @@ body {
 }
 
 .container a {
-  color: #E5989B;
+  color: #71aaeb;
 }
 
 html {
@@ -30,8 +30,8 @@ h1 {
   font-weight: 800;
   /* border-bottom: #414141 solid 1px; */
   padding: 20px 0;
-  color: #ffa2c1;
-  text-shadow: 4px 4px 0px #70004f;
+  color: #a2c6ff;
+  text-shadow: 4px 4px 0px #004370;
   margin-top: 10px;
   padding-top: 0;
 }