home: added socials section, now need to add biboutus and news

static/style.css

@@ -440,7 +440,7 @@ home-content {
     gap: 1rem;
 
     box {
-      border-radius: 0.25rem;
+      border-radius: 0.4rem;
       box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
       background-color: white;
       padding: 1rem;
@@ -451,7 +451,39 @@ home-content {
 
       &#smallbox {
         flex: 0.3;
+        flex-direction: column;
+        align-items: center;
+        display: flex;
+        gap: 1rem;
+
+        >socials-header {
+          color: var(--darkerer-pink);
+        }
+
+        socials {
+          display: grid;
+          grid-template-columns: repeat(3, 1fr);
+          gap: 2rem;
+        }
+
       }
+
+      badges {
+        margin-top: 0.5rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+
+        >img {
+          flex: 1 1 auto;
+        }
+
+
+        >img:nth-last-child(-n+3) {
+          flex: 1 1 30%;
+        }
+      }
+
     }
   }