diff --git a/layouts/index.html b/layouts/index.html
index e0c66b6..8e1b69a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,11 +5,7 @@
 <body>
     {{partial "header" .}}
     <main>
-    {{partial "side1" .}}
-    <section id="content">
-        {{.Content}}
-    </section>
-    {{partial "side2" .}}
+    {{.Content}}
     </main>
     {{partial "footer" .}}
     {{partial "spritesheet" .}}
diff --git a/static/css/theme.css b/static/css/theme.css
index 2a63091..97cc34f 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -37,12 +37,10 @@ footer {
 }
 
 main {
-    display:grid;
-    grid-template-areas:
-        "side1 content side2";
-    grid-template-columns: 1fr 3fr 1fr;
+    display:flex;
+    flex-direction: column;
+    align-items: center;
     max-width:100vw;
-    justify-items: center;
     gap:20px;
 }
 header{
@@ -55,21 +53,7 @@ header{
 #side2{grid-area: side2;}
 footer{grid-area: footer;}
 @media screen and (orientation:portrait) {
-    main {
-        display:grid;
-        grid-template-areas:
-            "content"
-            "side1"
-            "side2";
-        grid-template-columns: 1fr; 
-        grid-template-rows: auto;
-    }
-    header{
-        grid-area: header;
-    }
-    #content {
-        grid-area: content;
-    }
+    
     #side1{grid-area: side1;}
     #side2{grid-area: side2;}
     footer{grid-area: footer;}
@@ -240,6 +224,25 @@ article {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
+main>p,
+main>h2,
+main>h3,
+main>h4,
+main>.gallery,
+main>blockquote{
+    max-width:90vw;
+    width:60rem;
+    margin-left:5px;
+    margin-right:5px;
+    margin-top:unset;
+    margin-bottom:unset;
+    font-size:18px;
+}
+
+main>blockquote{
+    width:50rem;
+}
+
 article img {
     max-width: 90%;
 }