scrolling

1 files changed, 10 insertions, 10 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 6ca5f5a..c44f95b 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -16,13 +16,15 @@ body {
 
 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
-body.loading {
+.loading body {
   opacity: 0;
 }
 .loading * {
   transition: all 0s ease 0s !important;
 }
-
+.desktop {
+  overflow: hidden;
+}
 .header {
   position: fixed;
   top: 0;
@@ -30,6 +32,7 @@ body.loading {
   width: 300px;
   padding: 20px;
   background: white;
+  z-index: 2;
 }
 .cell {
   display: flex;
@@ -42,6 +45,9 @@ body.loading {
 .cell:nth-child(6n+4) { background-color: hsl(190, 10%, 99%); }
 .cell:nth-child(6n+5) { background-color: hsl(260, 10%, 98%); }
 .cell:nth-child(6n+6) { background-color: hsl(310, 10%, 99%); }
+.scroller {
+  transition: transform 400ms;
+}
 .painting {
   display: flex;
   align-items: center;
@@ -62,13 +68,6 @@ body.loading {
   align-items: center;
   background: white;
 }
-.title {
-}
-.medium {
-}
-
-@media (max-width: 1200px) {
-}
 
 @media (max-width: 700px) {
   body {
@@ -81,7 +80,8 @@ body.loading {
     bottom: 10px; left: 10px;
   }
   #close {
-    top: 20px; right: 20px;
+    top: 20px;
+    right: 20px;
     width: 40px;
     height: 40px;
   }