Add new styling to the site

2 files changed, 16 insertions, 2 deletions

diff --git a/notes/5c6faa9f-2ae4-4dda-83a6-00f283ce2ea3.org b/notes/5c6faa9f-2ae4-4dda-83a6-00f283ce2ea3.org
index 26ced2a..21c7248 100644
--- a/notes/5c6faa9f-2ae4-4dda-83a6-00f283ce2ea3.org
+++ b/notes/5c6faa9f-2ae4-4dda-83a6-00f283ce2ea3.org
@@ -1,5 +1,4 @@
 #+title: Vericert Scheduling Results
-#+html_head_extra: <style>.outline-text-2{display:flex;flex-direction: row;flex-wrap:wrap}</style>
 
 * Raw results
 
diff --git a/publish.el b/publish.el
index 11f3aee..76019f5 100644
--- a/publish.el
+++ b/publish.el
@@ -52,11 +52,22 @@
 <li>© 2022 <a href=\"https://yannherklotz.com\">Yann Herklotz</a></li>
 <li><a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA 4.0</a></li></ul>"
              :html-head "<style>
-body { max-width:90rem; }
+body { margin: 0; font-family: monospace; }
 .title {
   text-align:center;
   font-size:2.5em;
 }
+.outline-text-2 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  background-color: #d3d5ef;
+  text-align: center;
+  padding: 2rem 10rem;
+}
+.outline-text-2 > * {
+  margin: 1rem auto;
+}
 table { border-collapse: collapse; }
 img { max-width:100%; }
 table {
@@ -72,6 +83,10 @@ table > thead > tr > :is(th, td) {
   border-bottom: 1px solid;
 }
 table > tbody > tr:last-child > :is(th, td) { border-bottom: 2px solid; }
+h2, h3, h4, h5, h6, p, ul {
+  max-width: 50rem;
+  margin: 1rem auto;
+}
 #postamble { padding: 1.5rem 0; text-align: center; }
 #postamble ul li { display: inline-block; }
 #postamble ul { padding: 0; }