Enhance participant information styling and ensure color consistency

Author: userjoergjakoby

src/static/styles.css

@@ -78,7 +78,7 @@ section h3 {
   margin-top: 10px;
   padding-left: 20px;
   list-style-type: disc;
-  color: #555;
+  color: #555 !important;
 }
 
 .activity-card ul li {
@@ -154,3 +154,34 @@ footer {
   padding: 20px;
   color: #666;
 }
+
+.participant-info {
+  margin-top: 20px;
+  padding: 15px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  background-color: #f9f9f9;
+}
+
+.participant-info h4 {
+  margin-bottom: 10px;
+  color: #1a237e;
+}
+
+.participant-info p {
+  margin-bottom: 8px;
+  font-size: 14px;
+  color: #555;
+}
+
+.participant-info ul {
+  margin-top: 10px;
+  padding-left: 20px;
+  list-style-type: disc;
+  color: #555;
+}
+
+.participant-info ul li {
+  margin-bottom: 5px;
+  font-size: 14px;
+}