added hydration section

website/src/app/page.module.css

@@ -156,7 +156,7 @@
 }
 
 .pillars {
-    padding: 6rem 15em;
+    padding: 6rem 12em;
     background: var(--gray-alpha-100);
     min-height: 50vh;
     display: flex;
@@ -207,10 +207,10 @@
 }
 
 .hydrationSection {
-    padding: 6rem 15em;
+    padding: 6rem 12em;
     min-height: 50vh;
     display: flex;
-    align-items: center;
+    align-items: space;
     justify-content: center;
     position: relative;
     border-top: 1px solid var(--gray-alpha-200);
@@ -222,17 +222,17 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    max-width: 1200px;
 }
 
 .hydrationCode {
-    flex: 1;
-    min-width: 45%;
+    flex: 2;
+    width: 100%;
+    max-width: 800px;
 }
 
 .hydrationText {
     flex: 1;
-    padding: 2rem;
+    /* padding: 2rem; */
 }
 
 .hydrationText h2 {