fix bg

src/App.scss

@@ -2,6 +2,7 @@
 @import './_variables.scss';
 @import '@fortawesome/fontawesome-svg-core/styles.css';
 @import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
+
 :root {
   --navbar-height: 3.8rem;
   --post-line-height: 1.4;
@@ -12,6 +13,16 @@ html {
   // overflow-x: clip causes my browser's tab to crash with SIGILL lul
 }
 
+.bg-video {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  top: 0px;
+  left: 0px;
+  z-index: -999;
+}
+
 body {
   font-family: sans-serif;
   font-family: var(--interfaceFont, sans-serif);
@@ -92,8 +103,10 @@ body {
         }
       }
     }
+
     // stylelint-enable selector-pseudo-class-no-unknown
   }
+
   // Body should have background to scrollbar otherwise it will use white (body color?)
   html {
     scrollbar-color: var(--selectedMenu) var(--wallpaper);
@@ -462,7 +475,9 @@ textarea,
   border: none;
   border-radius: $fallback--inputRadius;
   border-radius: var(--inputRadius, $fallback--inputRadius);
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 rgba(0, 0, 0, 1) inset;
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset,
+  0 -1px 0 0 rgba(255, 255, 255, 0.2) inset,
+  0 0 2px 0 rgba(0, 0, 0, 1) inset;
   box-shadow: var(--inputShadow);
   background-color: $fallback--fg;
   background-color: var(--input, $fallback--fg);
@@ -497,21 +512,22 @@ textarea,
   &[type=radio] {
     display: none;
 
-    &:checked + label::before {
+    &:checked+label::before {
       box-shadow: 0 0 2px black inset, 0 0 0 4px $fallback--fg inset;
       box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, $fallback--fg) inset;
       background-color: var(--accent, $fallback--link);
     }
 
     &:disabled {
+
       &,
-      & + label,
-      & + label::before {
+      &+label,
+      &+label::before {
         opacity: 0.5;
       }
     }
 
-    + label::before {
+    +label::before {
       flex-shrink: 0;
       display: inline-block;
       content: '';
@@ -537,20 +553,21 @@ textarea,
   &[type=checkbox] {
     display: none;
 
-    &:checked + label::before {
+    &:checked+label::before {
       color: $fallback--text;
       color: var(--inputText, $fallback--text);
     }
 
     &:disabled {
+
       &,
-      & + label,
-      & + label::before {
+      &+label,
+      &+label::before {
         opacity: 0.5;
       }
     }
 
-    + label::before {
+    +label::before {
       flex-shrink: 0;
       display: inline-block;
       content: '✓';
@@ -835,4 +852,4 @@ option {
 .fade-enter-from,
 .fade-leave-active {
   opacity: 0;
-}
+}