diff --git a/includes/styles.css b/includes/styles.css
index e359d94..69f4e82 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -12,6 +12,9 @@ body {
     font-family: 'Roboto', sans-serif;
     background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
     color: white;
+    min-height: 100vh; /* 100% of the viewport's height */
+    display: flex;
+    flex-direction: column;
 }
 
 
@@ -51,7 +54,7 @@ nav a:active {
 }
 
 header, main, footer {
-    max-width: 1200px;
+    max-width: 800px;
     margin: 20px auto;
     padding: 20px;
     border: 1px solid white;