1 files changed, 38 insertions, 4 deletions
diff --git a/frontend/site/projects/museum/views/petros.nav.css b/frontend/site/projects/museum/views/petros.nav.css
index e59d85d..554d690 100644
--- a/frontend/site/projects/museum/views/petros.nav.css
+++ b/frontend/site/projects/museum/views/petros.nav.css
@@ -1,15 +1,49 @@
 .petros-left {
   position: absolute;
   bottom: 70px;
-  left: 30px;
+  left: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
 }
 .petros-right {
   position: absolute;
   bottom: 70px;
-  right: 30px;
+  right: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
 }
 .petros-text {
   position: absolute;
-  top: 20px;
-  right: 20px;
+  top: 40px;
+  right: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
+}
+
+.petros-left.visible,
+.petros-right.visible,
+.petros-text.visible {
+  opacity: 1.0;
+  pointer-events: auto;
+}
+
+.petros-subtitle {
+  position: absolute;
+  bottom: 70px;
+  left: 50%;
+  transform: translateX(-50%);
+  max-width: calc(100vw - 400px);
+  text-align: center;
+  font-family: 'Druk Wide', sans-serif;
+  font-size: 2vw;
+  pointer-events: none;
+  color: #fff;
+  text-shadow: 0 0 3px #fff;
+  transition: opacity 0.2s;
 }