1 files changed, 24 insertions, 22 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 95841f9..3c3662b 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -52,8 +52,8 @@ body {
     -moz-column-gap: 3px;
     column-gap: 3px;
     -webkit-column-break-inside: avoid;
-    -moz-column-break-inside:avoid;
-    -moz-page-break-inside:avoid;
+    -moz-column-break-inside: avoid;
+    -moz-page-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid-column;
 }
@@ -68,10 +68,10 @@ menu ul {
     border-bottom: 1px solid;
     padding-bottom: 4px;
     padding-top: 6px;
-    font-size:14px;
+    font-size: 14px;
 }
 
-.menu ul li:hover {
+.desktop .menu ul li:hover {
     background: black;
     color: white;
     cursor: pointer;
@@ -131,12 +131,12 @@ nav span {
     vertical-align: top;
     padding: 2px;
 }
-.index {
-}
+
+.index {}
+
 .index:after {
     content: "INDEX";
-        padding-right: 5px;
-
+    padding-right: 5px;
 }
 
 .navopen .index:after {
@@ -185,6 +185,7 @@ nav b {
     font-weight: normal;
 }
 
+
 /* Flickity */
 
 .flickity-enabled {
@@ -215,7 +216,7 @@ button {
 }
 
 .navopen button {
-    pointer-events:none;
+    pointer-events: none;
 }
 
 button svg {
@@ -233,8 +234,8 @@ button.previous {
     left: 0;
 }
 
-button.previous:hover svg,
-button.next:hover svg {
+.desktop button.previous:hover svg,
+.desktop button.next:hover svg {
     opacity: 1;
     transform: scale(0.2);
 }
@@ -244,8 +245,6 @@ button.previous:active svg {
     transform: scale(0.1);
 }
 
-
-
 .cell {
     width: 100vw;
     /*THIS SHOULD BE DYNAMIC*/
@@ -339,13 +338,14 @@ ul li {
 
 @media (min-width: 1300px) {
     .bottom {
-        padding:7px 0 8px 0;
+        padding: 7px 0 8px 0;
     }
     .texts {
         font-size: 13px;
         line-height: 16px;
     }
-    .headings, nav {
+    .headings,
+    nav {
         font-size: 9px;
     }
 }
@@ -379,7 +379,7 @@ ul li {
         font-weight: 400;
     }
     nav span div:first-child {
-        font-size: 0;
+        font-weight: bold
     }
     nav span {
         border: 0;
@@ -387,16 +387,18 @@ ul li {
     nav img {
         width: 12px;
     }
-    nav span div:nth-child(2), .five span:nth-child(4) {
+    nav span div:nth-child(2),
+    .five span:nth-child(4) {
         display: none;
     }
     .texts {
-        padding:3px 5px;
+        padding: 3px 5px;
     }
-    .five span:nth-child(2), .five span:nth-child(3){
-        width:calc(50% - 2.5px);
+    .five span:nth-child(2),
+    .five span:nth-child(3) {
+        width: calc(50% - 2.5px);
     }
-    .five span:nth-child(3){ 
+    .five span:nth-child(3) {
         margin-left: 5px;
     }
     .five span {
@@ -407,7 +409,7 @@ ul li {
         font-weight: 600;
     }
     iframe.cell {
-        pointer-events:none;
+        pointer-events: none;
     }
     .five span.description {
         width: 100%!important;