Stacked area charts

app/styles/charts.css

@@ -18,6 +18,32 @@
     fill: rgba(255, 255, 255, .7);
 }
 
+
+.sachart-container {
+    box-sizing: border-box;
+    float: left;
+    width: 50%;
+    padding: 0 20px 20px 0;
+}
+.sachart-container .legend {
+    display: block;
+    margin: 0;
+    padding: 0;
+}
+.color-dot {
+    display: block;
+    float: left;
+    content: '';
+    width: 16px;
+    height: 16px;
+    margin: 1px 5px 0 0;
+    border-radius: 8px;
+}
+.sachart-container .legend li {
+    display: inline-block;
+    margin: 10px 15px 0 0;
+}
+
 .filters {
     width: 100%;
 }

app/styles/logo.css

@@ -1,7 +1,7 @@
 .logo-button {
     display: inline-block;
     width: auto;
-    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .6);
+    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 0 #faca50;
     border-radius: 5px;
 }
 
@@ -13,7 +13,7 @@
     font-size: 22px;
     padding: 4px 5px 6px;
     color: #fff;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
     font-weight: 600;
 }