made css more portable (for cellphones)

web/main.css

@@ -60,8 +60,15 @@ body {
   /*gap: 1rem;*/
 }
 
+@media screen and (max-width: 480px) {
+  body {
+    flex-direction: column;
+    position: static;
+  }
+}
+
 header {
-  width: fit-content;
+  max-width: fit-content;
 
   display: flex;
   flex-direction: column;
@@ -69,8 +76,9 @@ header {
   border-right: var(--bd-width) var(--bd-style) var(--bd-color);
   overflow-y: auto;
   overflow-x: hidden;
-  flex-shrink: 0;
+  flex-shrink: 1;
   padding-right: 1rem;
+  resize: horizontal;
 }
 
 header > nav {
@@ -89,8 +97,10 @@ nav {
 
 main {
   /*margin-left: calc(var(--header-width) + 1rem);*/
+
   padding-left: 1rem;
-  flex-shrink: 1;
+  padding: .5rem;
+  flex-shrink: 100;
   overflow-y: auto;
 }
 

wiki/rpg/rule/savage-worlds/index.pmd

@@ -2,5 +2,5 @@
 
 Перевод-модификация правил Savage Worlds AE для использования внутри VULTRAS.
 
-* [Характеристики](char)
-* [Бой](fight)
+* [Характеристики](./char)
+* [Бой](./fight)

wiki/rpg/worlds/index.pmd

@@ -2,4 +2,4 @@
 
 Описания миров
 
-* [Атриум](atrium)
+* [Атриум](./atrium)