From 2a791ed8dc575f60d445916fcfeeec62c9731d31 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Wed, 31 Jul 2019 16:53:55 +0300
Subject: [PATCH] lesser resolutions

---
 style/main.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

diff --git a/style/main.css b/style/main.css
index 33e2656..7aafd2f 100644
--- a/style/main.css
+++ b/style/main.css
@@ -308,7 +308,7 @@ img, iframe {
     }
 
     .mainContainer {
-   	 width: 600px;
+   	 width: 520px;
     }    
     .mainContainer > nav > a {
         margin: 10px;
@@ -329,3 +329,67 @@ img, iframe {
         margin: 15px 0;
     }
 }
+
+
+@media only screen and (max-width : 520px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 480px;
+    }    
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}
+
+@media only screen and (max-width : 480px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer {
+   	 width: 375px;
+    }    
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}
+
+
+