pie was huge

backplaces/pie/styles.css

@@ -2,7 +2,7 @@
 .body {
     font-family: 'Redaction-Regular';
     background-color: #FCF6F1ff;
-    font-size: 18px;
+    font-size: 1rem;
     margin: 0;
     padding: 0;
 }
@@ -17,7 +17,7 @@
 }
     
  .content-item {
-        max-width: 100%;
+        max-width: 80%;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -25,7 +25,7 @@
 }
     
     .content-item > * {
-        max-width: 60%;
+        max-width: 50%;
     }
     
     .content-item:nth-child(odd)  > *  {
@@ -47,8 +47,8 @@
     .content-item p {
         margin: 10px 0;
         font-family: 'Redaction-Regular';
-        line-height: 2rem;
-        font-size: 1.5rem;
+        line-height: 1.6rem;
+        font-size: 1.1rem;
     }
     
     p::selection {
@@ -57,9 +57,9 @@
     
     #home {
     position: relative;
-    top: 40px;
-    left: 40px;
-    width: 130px;
+    top: 30px;
+    left: 30px;
+    width: 100px;
     height: auto;
     opacity: 1;
     }
@@ -96,9 +96,9 @@
     
     #about {
     position: relative;
-    top: -44px;
-    left: 80px;
-    width: 100px;
+    top: -36px;
+    left: 60px;
+    width: 80px;
     height: auto;
     opacity: 1;
     }