Update styles0.css

styles0.css

@@ -18,12 +18,12 @@ html, body {
 
 body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    font-size: 16px;
+    font-size: 24px;
     font-weight: normal;
     margin: 0;
     padding: 0;
     overflow-x: hidden; /* Hide horizontal overflow */
-    background-color: #0a0012;
+    background-color: #fff;
 }
 
 
@@ -34,18 +34,18 @@ a {
 }
 
 header {
-    background-color: #0a0012;
-    color: #eff0f2;
+    background-color: #fff;
+    color: #000;
     text-align: center;
     font-family: 'Playfair Display';
     font-size: 48px;
     font-weight: normal;
-    margin-top: 12px;
+    margin-top: 24px;
 }
 
 footer {
-    background-color: #0a0012;
-    color: #eff0f2;
+    background-color: #fff;
+    color: #000;
     text-align: center;
     padding: 1em;
     font-family: 'Playfair Display';
@@ -71,26 +71,27 @@ main {
 .grid-item-home {
     display: flex;
     flex-direction: column;
-    width: 320px;
+    width: 75%;
     padding: 20px;
-    border: 2px solid #eff0f2; /* Add this line for a white border */
-    border-radius: 24px;
+    border: 2px solid #000; /* Add this line for a white border */
+    border-radius: 18px;
     box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
 }
 
 .grid-item-home p {
     width: 75%; /* Adjust the width as needed */
     margin: 0 auto 20px; /* Add margin at the bottom of the paragraph */
     text-align: center;
-    color: #eff0f2;
+    color: #000;
+    font-family: 'Playfair Display';
 }
 
 
 .grid-item-home a {
     display: block; /* Make the link a block-level element to control its size and spacing */
     margin-top: 10px; /* Add margin at the top of the link */
     text-align: center;
-    color: #eff0f2; /* Adjust link color */
+    color: #000; /* Adjust link color */
 }
 
 /* Media query for smaller screens */