improve mobile layout

update colors
remove landing button

web/src/sections/Features.astro

@@ -30,8 +30,12 @@ const features: Array<Feature> = [
 ---
 
 <div>
-    <Heading>Core Features & Values</Heading>
-    <div class="flex flex-row gap-card">
+    <div class="p-main py-0">
+        <Heading>Core Features & Values</Heading>
+    </div>
+    <div
+        class="flex flex-row flex-nowrap overflow-x-auto snap-x snap-mandatory gap-card overflow-y-clip p-main snap-center"
+    >
         {
             features.map((feature) => (
                 <CardFeature

web/src/sections/Landing.astro

@@ -2,15 +2,15 @@
 import Button from "@/components/Button.astro";
 ---
 
-<div class="h-[80vh] relative">
-    <div
+<div class="h-[80vh] relative w-full overflow-x-hidden">
+    <aside
         style="filter:blur(50px);"
         class="z-0 absolute top-0 flex items-center w-full h-full justify-center object-center object-contain"
         id="landing-bg-container"
     >
         <canvas width="1920" height="1080" class="w-[800px]" id="landing-bg"
         ></canvas>
-    </div>
+    </aside>
     <div
         class="z-10 relative w-full h-full flex items-center flex-col justify-center"
     >
@@ -21,7 +21,6 @@ import Button from "@/components/Button.astro";
             <h2 class="text-center dark:text-neutral text-xl font-normal">
                 Rust Based Open Source Motion Design Editor & Toolkit
             </h2>
-            <Button>Explore now!</Button>
         </div>
     </div>
 </div>