remove homepage grid

Author: FredKSchott

www/public/global.scss

@@ -10,11 +10,6 @@
   margin: 0;
 }
 html {
-  display: grid;
-  width: 100%;
-  max-width: 100vw;
-  overflow: hidden;
-  height: 100%;
   background-color: #000014;
 }
 html,
@@ -23,19 +18,9 @@ body {
   font-size: clamp(14px, calc(1rem + (3vw - 1.2rem)), 20px);
   font-family: var(--font-sans);
   font-weight: 400;
-  background-image: radial-gradient(87.7% 87.7% at 85.6% 18.14%, #111827 0%, #000014 100%);
   background-repeat: no-repeat;
   color: #f3f4f6;
 }
-body {
-  position: relative;
-  display: grid;
-  place-items: center;
-  min-width: 100%;
-  max-width: 100vw;
-  min-height: 100vh;
-  overflow-x: hidden;
-}
 .visually-hidden {
   clip: rect(0 0 0 0);
   clip-path: inset(50%);

www/src/components/Main.astro

@@ -4,16 +4,11 @@
 
 <style lang="scss">
   main {
-    width: 100%;
-    display: grid;
-    gap: 1rem;
-    padding: 0 0 3rem 0;
-    grid-template-columns:
-      minmax(1.2rem, 1fr)
-      minmax(auto, 60ch)
-      minmax(1.2rem, 1fr);
-    grid-auto-rows: min-content;
     z-index: 1;
+    width: 100%;
+    max-width: 760px;
+    margin: auto;
+    padding: 0 0.75rem;
   }
 
   :global(main > *) {

www/src/components/Space.astro

@@ -21,5 +21,6 @@ import Stars from './Stars.astro';
         height: 100%;
         overflow: hidden;
         opacity: 0.6;
+        z-index: -1;
     }
 </style>