Update

style.css

@@ -1,13 +1,22 @@
 /* Basic styling and resets */
-body {
-    font-family: sans-serif;
+html, body {
+    height: 100%;
     margin: 0;
     padding: 0;
+    overflow: hidden; /* Prevent vertical scroll */
+    font-family: sans-serif;
     background-color: #f5f5f5; /* Or your preferred background color */
 }
 
 header, main, footer {
     padding: 2rem;
+    box-sizing: border-box; /* Include padding in element's total width and height */
+}
+
+main {
+    min-height: 100vh; /* Set main element height to at least 100% of the viewport height */
+    display: flex;
+    flex-direction: column;
 }
 
 /* Hero section styling */
@@ -19,11 +28,6 @@ header {
     color: white; /* Adjust as needed for contrast */
 }
 
-header h1 {
-    font-size: 4rem;
-    margin-bottom: 1rem;
-}
-
 /* Prompt section styling */
 .prompt-section {
     display: flex;