fixed navbar

public/s/css/f0ck.css

@@ -474,12 +474,6 @@ html, body {
   overscroll-behavior-y: contain;
   overflow: overlay;
   font-size: 14px;
-  height: 100%;
-}
-@supports (-moz-appearance:none) {
-  html, body {
-    height: auto !important;
-  }
 }
 
 .noscript-badge {
@@ -577,10 +571,10 @@ div#posts > a:hover::after {
 }
 
 .navbar {
-  position: -webkit-sticky;
-  position: sticky;
+  position: fixed;
   top: 0;
   padding: 0;
+  width: 100%;
   z-index: 3;
   font-family: var(--font);
   text-transform: uppercase;
@@ -692,6 +686,10 @@ span.f0ck {
   visibility: hidden;
 }
 
+div#main {
+  margin-top: 40px;
+}
+
 @media (max-width: 444px) {
   .mandy {
     position: fixed;
@@ -830,6 +828,10 @@ span.placeholder {
     grid-template-areas: 'f0ck f0ck f0ck';
   }
 
+  div#main {
+    margin-top: 99px;
+  }
+
   .navbar-brand {
     grid-area: f0ck;
   }
@@ -1303,6 +1305,9 @@ span#tags:empty {
   .embed-responsive-16by9::before {
     padding-top: 100%;
   }
+  div#main {
+    margin-top: 118px;
+  }
 }
 
 @media(max-width: 555px) {
@@ -1830,4 +1835,4 @@ table img {
    .mview_desc {
     visibility: visible;
   }
-}
+}