1 files changed, 44 insertions, 37 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 1fb8321..e28f28f 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -21,12 +21,14 @@ html {
 ::-moz-selection {
     color: blue;
 }
+
 audio {
-    position:fixed;
-    top:-800000px;
-    left:-90000px;
-    opacity:0;
+    position: fixed;
+    top: -800000px;
+    left: -90000px;
+    opacity: 0;
 }
+
 a,
 a:visited {
     color: blue;
@@ -332,15 +334,16 @@ span {
 }
 
 #curtain {
-  position: absolute;
-  top: 0; left: 0;
-  background: black;
-  transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
-  opacity: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
+    opacity: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
 }
 
 .navopen #curtain {
@@ -535,6 +538,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/u.png) 32 0, pointer;
 }
+
 .whitecursor .page-up {
     cursor: url(img/u-white.png) 32 0, pointer;
 }
@@ -549,6 +553,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/d.png) 32 64, pointer;
 }
+
 .whitecursor .page-down {
     cursor: url(img/d-white.png) 32 64, pointer;
 }
@@ -601,6 +606,7 @@ button.next {
     cursor: url(img/r.png)64 32, pointer;
     z-index: 4;
 }
+
 .whitecursor button.next {
     cursor: url(img/r-white.png)64 32, pointer;
 }
@@ -610,6 +616,7 @@ button.previous {
     cursor: url(img/l.png) 0 32, pointer;
     z-index: 4;
 }
+
 .whitecursor button.previous {
     cursor: url(img/l-white.png) 0 32, pointer;
 }
@@ -717,7 +724,7 @@ nav {
 
 .projectLink {
     display: block;
-    margin-top:3px;
+    margin-top: 3px;
 }
 
 ul li {
@@ -737,7 +744,22 @@ ul li {
     display: none;
 }
 
-@media (min-width: 1200px) {
+
+@media (min-width: 1500px) {
+    .intro div.text,
+    h3,
+    .left a {
+        font-size: 16px;
+        line-height: 25px;
+    }
+    h1 {
+        font-size: 40px;
+        line-height: 50px;
+    }
+}
+
+
+@media (min-width: 1200px)  and (max-height: 980px){
     .texts {
         font-size: 13px;
         line-height: 16px;
@@ -753,27 +775,15 @@ ul li {
     .projectLink {
         margin-top: 3px;
     }
-    .intro div.text, h3, .left a {
-        font-size:14px;
+    .intro div.text,
+    h3,
+    .left a {
+        font-size: 14px;
         line-height: 20px;
     }
-
 }
 
-
-
-    @media (min-width: 1500px) {
-    .intro div.text, h3, .left a {
-    font-size: 16px;
-    line-height: 25px;
-    }
-h1 {
-    font-size: 40px;
-    line-height: 50px;
-}
-    }
-    
-    /*
+/*
     @media (min-width: 1600px) {
         .texts {
             font-size: 15px;
@@ -825,8 +835,6 @@ h1 {
     .texts {
         padding: 3px 5px;
     }
-
-
     .five span {
         width: 100%;
         border-bottom: 1px solid;
@@ -843,12 +851,11 @@ h1 {
         -moz-column-gap: 3px;
         column-gap: 3px;
         border-bottom: 0;
-        border-top:2px;
+        border-top: 2px;
         text-align: justify;
     }
-
     .projectLink {
-        display:none;
+        display: none;
     }
     .press .five span:last-child {
         display: none;