ui tweaks

app/page.tsx

@@ -9,7 +9,7 @@ export default async function Home() {
   const nextSpace = await fetchSpaceRandomly();
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-8 lg:p-24">
+    <main className="flex min-h-screen flex-col items-center justify-center lg:justify-start p-8 lg:p-24 lg:pt-44">
       <div className="w-full max-w-xl mx-auto grid gap-16 lg:gap-24 grid-cols-1">
         <header className="grid grid-cols-1 gap-5">
           <h1 className="relative font-sans text-center text-5xl lg:text-7xl font-extrabold max-w-max mx-auto text-transparent bg-clip-text bg-flashy">

components/space/sub/header.tsx

@@ -9,7 +9,7 @@ export const SpaceHeader = ({ space }: { space: Space }) => {
         className={`bg-gradient-to-br ${space.colorFrom} ${space.colorTo} absolute w-full top-0 left-0 h-full rounded-2xl -z-[1]`}
       />
       <div
-        className={`bg-gradient-to-br ${space.colorFrom} ${space.colorTo} -z-[1] blur-lg opacity-50 h-full w-full absolute top-0 left-0`}
+        className={`bg-gradient-to-br ${space.colorFrom} ${space.colorTo} -z-[1] blur-[160px] opacity-50 h-full w-full absolute top-0 left-0`}
       />
       <div className="flex items-center justify-between w-full relative">
         <div className="bg-white/15 border border-white/20 text-white px-1.5 py-0.5 rounded-md flex items-center justify-center gap-1 font-serif text-xs">