add card for pixelfed, as it should be reachable from the landing page

index.html

@@ -12,5 +12,13 @@
       <div class="text">DRNK C0FF&#x18e;E</div>
       <div class="red"></div>
     </div>
+
+    <div class="labels">
+      <div class="card"><a href="https://git.finallycoffee.eu/">git</a></div>
+      <div class="card">ci</div>
+      <div class="card">matrix</div>
+      <div class="card">mastodon</div>
+      <div class="card">pixelfed</div>
+    </div>
   </body>
 </html>

main.css

@@ -29,3 +29,29 @@ body {
   font-size: 7em;
 }
 
+
+.labels {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+
+.labels .card {
+  color: white;
+  background-color: black;
+  margin: 0 20px;
+  padding: 20px;
+  font-family: "Courier new", monospace, sans-serif;
+  font-size: 3em;
+  font-align: center;
+}
+
+.labels .card a {
+  color: white;
+  text-decoration: none;
+}
+
+.labels .card a:hover,
+.labels .card a:focus {
+  text-decoration: underline;
+}