1 files changed, 53 insertions, 19 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 7429523..25392e5 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -149,7 +149,7 @@ h3 {
     top: 0;
     left: 0;
     z-index: 2;
-    transform: translateX(-50vw);
+    transform: translateZ(0) translateX(-50vw);
     padding: 24px 0 5px 0;
     transition: 150ms transform cubic-bezier(0, 0, 0, 1);
     z-index: 0;
@@ -181,6 +181,10 @@ ul li {
     text-transform: capitalize;
 }
 
+ul li[data-id='dump-fm'] {
+    text-transform: none;
+}
+
 .desktop .menu ul li:hover,
 .menu ul li.active {
     background: black;
@@ -188,21 +192,35 @@ ul li {
     cursor: pointer;
 }
 
+.desktop .mobiletitle,
+.mobile .desktoptitle {
+  display: none;
+}
+
+.desktop .desktoptitle
+.mobile .mobiletitle {
+  display: inline;
+}
+
+.menu u {
+  text-decoration: none;
+}
+
 nav {
     background: white;
 }
 
 .navopen .menu {
-    transform: translateX(0vw);
+    transform: translateZ(0) translateX(0vw);
     z-index: 2;
     opacity: 1;
     overflow: auto;
+    background: #f9f9f9;
 }
 
 .navopen .item {
-    transform: translateX(50vw);
+    transform: translateZ(0) translateX(50vw);
     /*opacity:0.5;*/
-    background: black;
 }
 
 nav svg g g rect {
@@ -260,12 +278,15 @@ span {
     display: block;
     float: none;
 }
+#items.notween {
+    transition: opacity 0, transform 0;
+}
 
 .item {
     height: 100vh;
     width: 100%;
     display: block;
-    transition: 150ms transform cubic-bezier(0, 0, 0, 1), 200ms background cubic-bezier(0, 0, 0, 1), 150ms opacity cubic-bezier(0, 1, 0, 0);
+    transition: 150ms transform cubic-bezier(0, 0, 0, 1), 150ms opacity cubic-bezier(0, 1, 0, 0);
 }
 
 .item.intro {
@@ -276,10 +297,6 @@ span {
     background: white;
 }
 
-.navopen .item.intro {
-    background: black;
-}
-
 .navopen .item.intro > * {
     background: transparent;
 }
@@ -289,6 +306,20 @@ body.navopen {
     background: #f9f9f9;
 }
 
+#curtain {
+  position: absolute;
+  top: 0; left: 0;
+  background: black;
+  transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
+  opacity: 0;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+}
+.navopen #curtain {
+  opacity: 1;
+}
+
 nav {
     position: fixed;
     top: 0;
@@ -328,7 +359,7 @@ nav span div:last-child {
 }
 
 .navopen nav span div:last-child {
-    transform: translateX(110px);
+    transform: translateZ(0) translateX(110px);
     transition: 150ms all;
     position: absolute;
     right: 5px;
@@ -411,12 +442,12 @@ body {
 }
 
 .up .showing.item {
-    transform: translateY(-10px);
+    transform: translateZ(0) translateY(-10px);
     opacity: 0;
 }
 
 .down .showing.item {
-    transform: translateY(10px);
+    transform: translateZ(0) translateY(10px);
     opacity: 0;
 }
 
@@ -537,25 +568,28 @@ button svg {
 button.next {
     right: 0;
     cursor: url(img/r.png)64 32, pointer;
+    z-index: 4;
 }
 
 button.previous {
     left: 0;
     cursor: url(img/l.png) 0 32, pointer;
+    z-index: 4;
 }
 
 .desktop button.previous:hover svg,
 .desktop button.next:hover svg {
     opacity: 1;
-    transform: scale(0.2);
+    transform: translateZ(0) scale(0.2);
 }
 
 .desktop button.next:active svg,
 .desktop button.previous:active svg {
-    transform: scale(0.1);
+    transform: translateZ(0) scale(0.1);
 }
 
-.cell {
+.cell,
+.cell iframe {
     width: 100vw;
     height: 100%;
     /*THIS SHOULD BE DYNAMIC*/
@@ -651,7 +685,7 @@ ul li {
     height: 100%
 }
 
-.nopress span:last-child {
+.nopress span:nth-child(6) {
     display: none;
 }
 
@@ -744,7 +778,7 @@ ul li {
         padding: 3px 0 2px 0;
         font-weight: 600;
     }
-    iframe.cell {
+    .cell iframe {
         pointer-events: none;
     }
     .five span.description {
@@ -774,10 +808,10 @@ ul li {
     }
     .menu {
         width: 90vw;
-        transform: translateX(-90vw);
+        transform: translateZ(0) translateX(-90vw);
     }
     .navopen .item {
-        transform: translateX(90vw);
+        transform: translateZ(0) translateX(90vw);
     }
     .top {
         margin-top: 30px;