2 files changed, 23 insertions, 19 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index 41d04783..7fac3e27 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -3,6 +3,7 @@
 .applet_container {
   min-height: 340px;
   clear: left;
+  margin: 20px auto 40px auto;
 }
 .applet_container.autosize {
   min-height: 0;
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index c3800315..0ee8a4f3 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -4,7 +4,8 @@ html, body {
   padding: 0;
   width: 100%;
   min-height: 100%;
-  font-family: 'Roboto Mono', sans-serif;
+  /*font-family: 'Roboto Mono', sans-serif;*/
+  font-family: 'Roboto', sans-serif;
   color: #eee;
   overflow-x: hidden;
 }
@@ -163,33 +164,33 @@ h1 {
   margin: 75px 0 10px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h2 {
   color: #eee;
   font-weight: 400;
-  font-size: 32pt;
-  line-height: 43pt;
-  margin: 20px 0 10px;
+  font-size: 32px;
+  line-height: 43px;
+  margin: 20px 0 20px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h3 {
   margin: 0 0 20px 0;
   padding: 20px 0 0 0;
   font-size: 22pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h4 {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 11pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 .content h3 a {
   color: #888;
@@ -212,11 +213,11 @@ h4 {
   border-bottom: 0;
 }
 th, .gray {
-  font-family: 'Roboto Mono', monospace;
+  font-family: 'Roboto', monospace;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .15rem;
-  color: #999;
+  color: #777;
 }
 th, .gray {
   font-size: 9pt;
@@ -248,8 +249,9 @@ section {
 p {
   margin: 0 10px 20px 0;
   line-height: 2;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 300;
+  color: #dedede;
 }
 p.subp{
   font-size: 14px;
@@ -272,18 +274,19 @@ p.subp{
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
-  font-size: 14px;
+  font-size: 12px;
+  color: #ccc;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
 }
 .meta > div {
   margin-right: 20px;
-  line-height: 19px
+  line-height: 17px
   /*font-size:11px;*/
 }
 .meta .gray {
   font-size: 9pt;
-  padding-bottom: 4px;
+  padding-bottom: 5px;
   line-height: 14px
 }
 .right-sidebar {
@@ -303,7 +306,7 @@ p.subp{
   padding-top: 10px;
   padding-right: 20px;
   /*margin-right: 20px;*/
-  margin-bottom: 30px;
+  margin-bottom: 10px;
   /*border-right: 1px solid #444;*/
   font-family: 'Roboto';
   font-size: 14px;
@@ -881,7 +884,7 @@ ul.map-legend li.source:before {
   font-family: Roboto, sans-serif;
   font-weight: 400;
   background: #202020;
-  padding: 15px;
+  padding: 20px;
   margin: 10px;
 }
 .columns .column:first-of-type {
@@ -934,7 +937,7 @@ ul.map-legend li.source:before {
   margin:0 0 0 40px;
 }
 .content-about .team-member p{
-  font-size:14px;
+  font-size:16px;
 }
 .content-about .team-member img{
   margin:0;