font and sky and such

2 files changed, 11 insertions, 16 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 590e530..287dceb 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -6,7 +6,7 @@ body {
   height: 100%;
   overflow: hidden;
   background: black;
-  font-family: "Merriweather", serif;
+  font-family: "Spectral", serif;
 }
 .scene-tooltip {
   background: black;
@@ -16,7 +16,7 @@ body {
   text-align: center;
   font-size: 1rem !important;
   line-height: 1.5;
-  font-family: "Merriweather", serif !important;
+  font-family: "Spectral", serif !important;
 }
 
 /** Legend */
@@ -25,15 +25,12 @@ body {
   position: absolute;
   bottom: 0;
   left: 0;
-  font-size: 0.75rem;
+  font-size: 0.875rem;
   line-height: 1.75;
-  padding: 1rem;
-  margin: 1rem 2rem;
-  background: rgba(0, 0, 0, 0.5);
+  margin: 1rem 1.5rem;
+  /*background: rgba(0, 0, 0, 0.5);*/
   color: #fff;
   transition: opacity 0.2s;
-  text-transform: uppercase;
-  font-variant: small-caps;
 }
 .legend .category {
   cursor: pointer;
@@ -69,7 +66,7 @@ body {
   pointer-events: none;
   transition: opacity 0.2s;
   opacity: 0;
-  background: rgba(0, 0, 0, 0.75);
+  background: rgba(0, 0, 0, 0.8);
   color: white;
   display: flex;
   flex-direction: row;
@@ -85,7 +82,7 @@ body {
 .detail .content > div {
   min-height: 100%;
   padding: 3rem 5rem 6rem 5rem;
-  background: rgba(0, 0, 0, 0.5);
+  /*background: rgba(0, 0, 0, 0.5);*/
 }
 .detail .media {
   padding: 3rem 5rem;
@@ -106,8 +103,6 @@ body {
   font-size: 1.25rem;
   line-height: 1.5;
   margin-bottom: 2rem;
-  text-transform: capitalize;
-  font-variant: small-caps;
 }
 .detail .title .index {
   margin-bottom: 0.75rem;
diff --git a/public/assets/css/fonts.css b/public/assets/css/fonts.css
index f1e8429..a4fecb5 100644
--- a/public/assets/css/fonts.css
+++ b/public/assets/css/fonts.css
@@ -1,11 +1,11 @@
 @font-face {
-  font-family: "Merriweather";
-  src: url("../fonts/merriweather/Merriweather-Regular.ttf");
+  font-family: "Spectral";
+  src: url("../fonts/spectral/Spectral-Regular.ttf");
   font-style: normal;
 }
 
 @font-face {
-  font-family: "Merriweather";
-  src: url("../fonts/merriweather/Merriweather-Italic.ttf");
+  font-family: "Spectral";
+  src: url("../fonts/spectral/Spectral-Italic.ttf");
   font-style: italic;
 }