feat: mobile styling

index.html

@@ -128,5 +128,33 @@
     background: #FF426F;
     transform: rotate(135deg);
     */
+
+    @media (max-width: 1025px) {
+
+      .hero {
+        align-items: center;
+        height: 100%
+      }
+      .text > h1 {
+        font-size: 4rem;
+        width: 50%;
+        margin: auto;
+      }
+      .elipse {
+        display: none;
+      }
+
+      h2 {
+        font-size: 2rem;
+      }
+
+      .text {
+        display:flex;
+        flex-direction: column;
+        margin: auto;
+        width: 50%;
+        align-items: center;
+      }
+    }
   </style>
 </html>