diff --git a/_base.html b/_base.html
index 77f4eee..3582723 100644
--- a/_base.html
+++ b/_base.html
@@ -15,7 +15,9 @@
     <h1>Cozy Chat</h1>
 </header>
 
-{% block body %}{% endblock %}
+<main class="mx_Main">
+    {% block body %}{% endblock %}
+</main>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0d74365..03849cd 100644
--- a/style.css
+++ b/style.css
@@ -3,19 +3,24 @@ html {
 }
 
 body {
+  align-items: center;
   background: rgb(255, 255, 230);
-  max-width: 680px;
-  margin: auto;
+  color: rgb(50, 50, 50);
+  display: flex;
+  flex-direction: column;
   font-family: 'Lucida Console', 'Courier New', monospace;
+  hyphens: auto;
+  line-height: 1.8;
+  margin: 0;
+  margin: auto;
 }
 
 .mx_Header {
   background-blend-mode: initial;
-  background-color: var(rgb(250, 220, 120));
+  background-color: rgb(250, 220, 120);
   background-image: url(https://cozy.town/home-header-optimized.svg);
   background-position: center;
   background-size: cover;
-  color: rgb(50, 50, 50);
   display: flex;
   flex-direction: column;
   height: 40vh;
@@ -23,6 +28,11 @@ body {
   text-align: center;
 }
 
+.mx_Main {
+  max-width: 1200px;
+  width: calc(100% - 4rem);
+}
+
 @media screen and (max-width: 1120px) {
   body {
       font-size: 20px;