2 files changed, 52 insertions, 6 deletions
diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index 0c566a9f..f437d1e8 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -1,3 +1,6 @@
+.applet_container {
+  min-height: 340px;
+}
 .applet {
   margin-bottom: 40px;
   transition: opacity 0.2s cubic-bezier(0,0,1,1);
@@ -28,6 +31,25 @@
 
 /* search results */
 
+.name_search, .face_search {
+  box-shadow: inset 0 0 40px #000;
+  background: #111;
+  padding: 20px 0;
+  /*background: black;*/
+  width: 100%;
+}
+.name_search {
+  margin-top: 0px;
+  margin-bottom: 20px;
+}
+.face_search .applet {
+  max-width: 640px;
+  margin: 0 auto;
+}
+.name_search .applet {
+  max-width: 640px;
+  margin: 0 auto;
+}
 .results {
   margin-top: 10px;
   padding-bottom: 10px;
@@ -54,6 +76,9 @@
 .results > div:nth-child(3n+1) {
   margin-left: 0;
 }
+.applet h2 {
+  font-size: 20pt;
+}
 .query h2 {
   margin-top: 0; padding-top: 0;
 }
@@ -107,6 +132,12 @@
   max-width: 40px;
 }
 
+.map, .map .applet {
+  height: 500px;
+}
+.map {
+  margin-bottom: 20px;
+}
 
 /* tabulator */
 
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 {