Stabilize mobile background ornaments

Author: sametbasbug

src/styles/global.css

@@ -474,6 +474,11 @@ h1 {
 }
 
 @media (max-width: 820px) {
+  .sky {
+    height: 100lvh;
+    min-height: 100svh;
+  }
+
   .shell {
     grid-template-columns: 1fr;
     align-items: start;
@@ -521,7 +526,17 @@ h1 {
 
   .orb-moon {
     right: -5rem;
-    bottom: 6rem;
+    top: min(34rem, 68lvh);
+    bottom: auto;
+  }
+
+  .orbit-one {
+    top: 5.5rem;
+  }
+
+  .orbit-two {
+    top: min(18.5rem, 36lvh);
+    bottom: auto;
   }
 }