style: adjust hero text size and hide solutions section on mobile

src/components/AboutHero.tsx

@@ -31,7 +31,7 @@ const rotatingWords = [
 export function AboutHero() {
   return (
     <section className="lg:max-w-6xl flex flex-col items-start justify-center min-h-[60vh] px-6 md:px-16  text-white">
-      <h1 className="text-5xl lg:text-6xl font-medium leading-none">
+      <h1 className="text-4xl lg:text-6xl font-medium leading-none">
         Building a Decentralized Internet for{" "}
         <TypeAnimation
           sequence={rotatingWords}

src/components/AboutSolutions.tsx

@@ -19,7 +19,7 @@ export function AboutSolutions() {
 
   return (
     <section
-      className="relative bg-[#121212] text-gray-200 overflow-hidden"
+      className="relative hidden bg-[#121212] text-gray-200 overflow-hidden md:block"
       style={
         {
           "--cell": "4rem",