--- gcc.css 2016-05-11 00:10:02.000000000 +0100
+++ gcc.css 2016-05-11 00:08:01.000000000 +0100
@@ -3,14 +3,40 @@
    Gerald Pfeifer <gerald@pfeifer.com>
  */

-body      { background-color: white; color: black; }
+@media (min-width: 1160px){
+  html {
+    background: rgb(230,230,230);
+  }
+
+  body {
+    width: 1100px;
+    margin: 20px auto;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
+  }
+}
+
+body {
+  background: white;
+  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, FreeSans,
"Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
+  line-height: 1.5;
+  color: rgb(60, 60, 60);
+  font-size: 90%;
+}

 a:link    { color: #0066bb; text-decoration: none; }
 a:visited { color: #003399; text-decoration: none; }
 a:hover   { color: darkorange; text-decoration: none; }

-h1        { color: darkslategray; text-align:center; }
-h2        { color: darkslategray; }
+h1 { text-align:center; }
+h1, h2, h3, h4, h5, h6 {
+  font-family: Georgia, "PT Serif", "Liberation Serif", serif;
+  font-weight: normal;
+  color: #00796b;
+}
+
+hr { border-width: 0; height: 1px; background: #bbbbbb; }

 .highlight{ color: darkslategray; font-weight:bold; }