1 files changed, 21 insertions, 6 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 8239cfc7..50958427 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -6,6 +6,7 @@ html, body {
   min-height: 100%;
   font-family: 'Roboto', sans-serif;
   color: #b8b8b8;
+  overflow-x: hidden;
 }
 html {
   background: #191919;
@@ -376,11 +377,17 @@ section.fullwidth .image {
 /* home page */
 
 .hero {
-  position: relative;
   width: 100%;
-  max-width: 1200px;
+  background: black; 
+  background: linear-gradient(#000,#222);
   height: 50vw;
   max-height: 70vh;
+}
+.hero .inner {
+  position: relative;
+  width: 100%;
+  max-width: 1200px;
+  height: 100%;
   display: flex;
   align-items: center;
   margin: 0 auto;
@@ -388,13 +395,15 @@ section.fullwidth .image {
 #face_container {
   pointer-events: none;
   position: absolute;
-  width: 50vw;
+  width: 66vw;
   height: 50vw;
   max-height: 70vh;
   top: 0;
-  right: 0;
-  z-index: -1;
+  right: -16vw;
+  z-index: 0;
   text-align: center;
+  perspective: 500px;
+  perspective-origin: 50% 80%;
 }
 .currentFace {
   position: absolute;
@@ -402,6 +411,7 @@ section.fullwidth .image {
   width: 100%;
   left: 0;
   text-align: center;
+  font-size: 26px;
 }
 .intro {
   max-width: 640px;
@@ -451,7 +461,12 @@ section.fullwidth .image {
 .desktop .intro .under a:hover {
   color: #fff;
 }
-
+.dataset-intro h2 {
+  margin-top: 40px;
+}
+.content .dataset-intro .first_paragraph {
+  margin-top: 10px;
+}
 /* intro - list of datasets */
 
 .dataset-list {