diff -r 4d8cf198bed2 -r e7512f9dc903 example/content/public/css/site.css
--- a/example/content/public/css/site.css	Thu Dec 06 14:03:54 2018 +0100
+++ b/example/content/public/css/site.css	Thu Dec 06 15:19:41 2018 +0100
@@ -1,5 +1,5 @@
 /*
- * SQWL colors:
+ * Colors:
  *  - green: #006634 / #00532b / #008745
  *  - red:   #e94e1b
  *  - brown: #693e11 / #482500 / #9a744c / #eedece
@@ -144,24 +144,52 @@
   cursor: pointer;
 }
 
-/* SVG */
-svg g text {
-  cursor: default;
+/* Tiles */
+.tile-category {
+  background-color: #eedece;
+  border-color: #9a744c;
+  border-style: solid;
+  border-width: 1px;
+	border-radius: 4px;
+	height: 10em;
+	display: table;
+	margin: .5em;
+	padding: .5em;
+	width: 100%;
 }
 
-svg g text.legend {
-  font-family: sans-serif;
-  font-size: 11px;
-  fill: #111;
+.tile-category-body {
+  color: #006634;
+	display: table-cell;
+  font-size: 24px;
+	text-align: center;
+	vertical-align: middle;
 }
 
-svg g line.level {
-  stroke: grey;
-  stroke-opacity: 0.75;
-  stroke-width: 0.3px;
+a.tile-category-body {
+	text-decoration: none;
+}
+
+a.tile-category-body:hover, a.tile-category-body:focus {
+  color: #693e11;
 }
 
-svg g line.level.level-val-100 {
-  stroke: #693e11;
-  stroke-width: 2px;
-}
+p {
+  /*
+	color: #000000;
+	font-family: "Yantramanav", sans-serif;
+	*/
+	font-style: normal;
+	font-variant: normal;
+	margin-bottom: 0;
+	margin-left: 0;
+	margin-right: 0;
+	margin-top: 0;
+	page-break-after: auto;
+	page-break-before: auto;
+	text-align: justify;
+	text-align-last: left;
+	text-decoration: none;
+	text-indent: 10px;
+	text-transform: none;
+}
\ No newline at end of file