diff --git a/.gitlab-page.sh b/.gitlab-page.sh
index 3136915b..b4c2bb7b 100755
--- a/.gitlab-page.sh
+++ b/.gitlab-page.sh
@@ -22,7 +22,10 @@ echo "CI_PROJECT_PATH_SLUG=${CI_PROJECT_PATH_SLUG}"
 
 echo "<!DOCTYPE html>" > ${OUTFILE}
 echo "<html lang=\"en\">" >> ${OUTFILE}
-echo "<head><title>GrafX2</title></head>" >> ${OUTFILE}
+echo "<head>" >> ${OUTFILE}
+echo "<title>GrafX2</title>" >> ${OUTFILE}
+echo "<link href=\"gfx2.css\" rel=\"stylesheet\" type=\"text/css\">" >> ${OUTFILE}
+echo "</head>" >> ${OUTFILE}
 echo "<body>" >> ${OUTFILE}
 echo "<h1>GrafX2 version ${VERSION}</h1>" >> ${OUTFILE}
 echo "<p>build date : ${DATE}</p>" >> ${OUTFILE}
diff --git a/public/gfx2.css b/public/gfx2.css
new file mode 100644
index 00000000..c13817b4
--- /dev/null
+++ b/public/gfx2.css
@@ -0,0 +1,23 @@
+/* see https://blog.koley.in/baserock/ */
+body {
+  font-family: sans-serif;
+  color: #222; /*black;*/
+  background: #eee;
+  line-height: 1.5;
+  max-width: 40rem;
+  padding: 2rem;
+  margin: auto;
+}
+img { border: 0 }
+h1, h2, h3, h4, h5, h6, b, strong {
+  color:  #111;
+}
+h2 { text-align: center; }
+p.linkmenu { text-align: center; }
+td {
+  font-size: smaller;
+}
+@viewport {
+width: device-width; /* largeur du viewport */
+zoom: 1; /* zoom initial 1.0 (et clin d'oeil aux fans d'IE6/7) */
+}
