1 files changed, 61 insertions, 11 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 7b2e19fc..fed381a7 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -4,12 +4,12 @@ html, body {
   padding: 0;
   width: 100%;
   min-height: 100%;
-  font-family: 'Roboto', sans-serif;
-  color: #b8b8b8;
+  font-family: 'Roboto Mono', sans-serif;
+  color: #eee;
   overflow-x: hidden;
 }
 html {
-  background: #191919;
+  background: #111111;
 }
 
 .content {
@@ -146,8 +146,8 @@ h2 {
 h3 {
   margin: 0 0 20px 0;
   padding: 0;
-  font-size: 11pt;
-  font-weight: 500;
+  font-size: 14pt;
+  font-weight: 600;
   transition: color 0.2s cubic-bezier(0,0,1,1);
 }
 h4 {
@@ -165,8 +165,15 @@ h4 {
   color: #fff;
   text-decoration: underline;
 }
+.right-sidebar h3 {
+  margin: 0;
+  padding: 0 0 10px 0;
+  font-family: 'Roboto Mono';
+  text-transform: uppercase;
+  letter-spacing: 2px;
+}
 
-th, .gray, h3, h4 {
+th, .gray {
   font-family: 'Roboto Mono', monospace;
   font-weight: 400;
   text-transform: uppercase;
@@ -201,6 +208,7 @@ section {
 }
 p {
   margin: 0 0 20px 0;
+  line-height: 2;
 }
 .content a {
   color: #ddd;
@@ -229,10 +237,13 @@ p {
 }
 .right-sidebar {
   float: right;
-  width: 200px;
+  width: 240px;
   margin-left: 20px;
+  padding-top: 10px;
   padding-left: 20px;
   border-left: 1px solid #444;
+  font-family: 'Roboto';
+  font-size: 14px;
 }
 .right-sidebar .meta {
   flex-direction: column;
@@ -240,6 +251,9 @@ p {
 .right-sidebar .meta > div {
   margin-bottom: 10px;
 }
+.right-sidebar ul {
+  margin-bottom: 10px;
+}
 
 /* lists */
 
@@ -346,17 +360,17 @@ section.wide .image {
 }
 section.fullwidth {
   width: 100%;
-  background-size: contain;
 }
 section.fullwidth .image {
   max-width: 100%;
 }
 .caption {
-  text-align: center;
+  text-align: left;
   font-size: 9pt;
-  color: #888;
-  max-width: 620px;
+  color: #bbb;
+  max-width: 960px;
   margin: 10px auto 0 auto;
+  font-family: 'Roboto';
 }
 
 /* blog index */
@@ -499,3 +513,39 @@ section.fullwidth .image {
 
 .dataset-list a:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); }
 .desktop .dataset-list .dataset:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); }
+
+
+/* intro section for datasets */
+
+section.intro_section {
+  font-family: 'Roboto Mono';
+  width: 100%;
+  background-size: cover;
+  background-position: bottom left;
+  padding: 50px 0;
+  min-height: 60vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #111111;
+}
+.intro_section .inner {
+  max-width: 960px;
+  margin: 0 auto;
+}
+.intro_section .hero_desc {
+  font-size: 38px;
+  line-height: 60px;
+  margin-bottom: 30px;
+  color: #fff;
+}
+.intro_section .hero_subdesc {
+  font-size: 18px;
+  line-height: 36px;
+  max-width: 640px;
+  color: #ddd;
+}
+.intro_section span {
+  box-shadow: -10px -10px #000, 10px -10px #000, 10px 10px #000, -10px 10px #000;
+  background: #000;
+}
\ No newline at end of file