changed flex gap in 2 words ascii title for a margin

styles/elements/title.css

@@ -6,6 +6,21 @@
 	margin:20px 0px 20px 0px;
 }
 .title {
-	gap:10px 30px;
+/*
+	older safari doesn't not support flex gap
+	I could use a workaround :
+		https://stackoverflow.com/questions/65452057/flexbox-gap-workaround-for-safari
+	but it doesn't work with wrap
+	so instead I make them in columns and add a margin
+
+	gap: 10px 30px;
+*/
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.title > *:first-child {
+	margin-bottom: 10px;
 }