1 files changed, 62 insertions, 8 deletions
diff --git a/frontend/site/projects/museum/views/home.css b/frontend/site/projects/museum/views/home.css
index aab5d0c..84f157d 100644
--- a/frontend/site/projects/museum/views/home.css
+++ b/frontend/site/projects/museum/views/home.css
@@ -1,9 +1,18 @@
-.roadblock {
-  /*display: none !important;*/
+.app > div.home {
+  display: block;
+  background: black;
+  transition: opacity 0.4s;
+  opacity: 1.0;
+  cursor: pointer;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
 }
-
-
-.home {
+.app > div.home.hidden {
+  opacity: 0.0;
+  pointer-events: none;
 }
 
 .home-byline {
@@ -11,7 +20,11 @@
   color: #FF790D;
   text-shadow: 0px 0px 5px #FF790D;
   opacity: 1;
-  transition: opacity 0.5s;
+  transition: opacity 0.2s;
+  font-size: 2.2vh;
+  width: 100vw;
+  text-align: center;
+  position: absolute;
 }
 .home-title {
   font-family: "Druk";
@@ -19,36 +32,77 @@
   font-style: italic;
   color: #FF790D;
   text-shadow: 0px 0px 10px #FF790D;
+  font-size: 49vh;
+  position: absolute;
+  left: 0;
+  width: 100vw;
+  text-align: center;
+  line-height: 0.9;
+  transition: top 0.2s cubic-bezier(0,0,0,1);
 }
 .home-artists {
   font-family: "Druk Wide";
   color: #FF790D;
   text-shadow: 0px 0px 5px #FF790D;
   opacity: 1;
-  transition: opacity 0.5s;
+  transition: opacity 0.2s;
+  width: 50vw;
+  font-size: 3vh;
+  position: absolute;
+  text-align: center;
+  bottom: 6vh;
+}
+.home-message {
+  font-family: "Druk Wide";
+  color: #FF790D;
+  text-shadow: 0px 0px 5px #ff790d;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  width: 140vh;
+  font-size: 4vh;
+  line-height: 1.2;
+  position: absolute;
+  top: 40vh;
+  text-align: center;
+  left: 50%;
+  transform: translate3D(-50%, 0, 0);
+}
+.home.open .home-message {
+  opacity: 1.0;
 }
 
 .home-title.title-1 {
+  top: 2vh;
+}
+.home-title.title-1 span {
+  margin-left: -2vh;
 }
 .home-title.title-2 {
+  top: 40vh;
 }
 .home.open .home-title.title-1 {
+  top: -1vh;
 }
 .home.open .home-title.title-2 {
+  top: 58vh;
 }
 
 .home.open .home-artists {
   opacity: 0;
-  transition: opacity 0.5s;
+  transition: opacity 0.2s;
 }
 .artists-left {
+  left: 0;
 }
 .artists-right {
+  left: 50vw;
 }
 
 .byline-top {
+  top: 1vh; left: 0;
 }
 .byline-bottom {
+  bottom: 2vh; left: 0;
 }
 .home.open .home-byline {
   opacity: 0;