Improve nav and index responsive styles

src/components/Nav.tsx

@@ -45,8 +45,8 @@ const Nav: React.FC<NavProps> = ({ handleClick, variant = undefined }) => {
       animate={variant}
     >
       <Stack
-        direction={['column', 'row']}
+        direction={['column', 'column', 'row']}
-        spacing={['1rem', '2.5rem']}
+        spacing={['1rem', '1rem', '2.5rem']}
         position={['absolute', 'static']}
         align="center"
         justify="center"

src/pages/index.tsx

@@ -21,7 +21,7 @@ const Home: React.FC = ({ fondo_file, mensaje_inspirador }) => {
         <Text
           top="50%"
           transform="translateY(-50%)"
-          fontSize={['3xl', '3xl', '7xl']}
+          fontSize={['5xl', '5xl', '7xl']}
           fontWeight="700"
           lineHeight="1.2"
           pr="2rem"