diff --git a/styles.css b/styles.css
index 9068029..71103d2 100644
--- a/styles.css
+++ b/styles.css
@@ -2,12 +2,36 @@ body {
     font-family: 'Times New Roman', Times, serif;
     background-color: #f4f4f4;
     display: flex;
-    justify-content: center;
-    align-items: left;
-    height: 100vh;
+    flex-direction: column;
+    align-items: center;
     margin: 0;
 }
 
+.about {
+    text-align: left;
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    width: 80%;
+    max-width: 800px;
+    margin-top: 20px;
+    color: #6b4226;
+}
+
+.about h2, .about h3 {
+    color: #6b4226;
+}
+
+.about ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.about li {
+    margin-bottom: 10px;
+}
+
 .container {
     text-align: center;
     background: url('parchment.jpg') no-repeat center center/cover;
@@ -16,16 +40,13 @@ body {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     width: 80%;
     max-width: 800px;
+    margin-top: 20px;
 }
 
 h1 {
     color: #6b4226;
 }
 
-h2, h3 {
-    color: #6b4226;
-}
-
 button {
     padding: 10px 20px;
     font-size: 16px;
@@ -73,16 +94,3 @@ select {
     font-size: 18px;
     color: #6b4226;
 }
-
-.about {
-    margin-bottom: 20px;
-}
-
-.about ul {
-    list-style-type: none;
-    padding: 0;
-}
-
-.about li {
-    margin-bottom: 10px;
-}