From a171873e08a90c798139b22b8df793e14b1cfaca Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Sun, 23 Nov 2025 23:51:22 +0000
Subject: [PATCH] new layout

---
 html/css/styles.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/html/css/styles.css b/html/css/styles.css
index 11b75c9..bd71171 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -12,6 +12,20 @@ body {
     background-size: cover;*/
 }
 
+main {
+    width: 210mm; /* A4 width */
+    height: 297mm; /* A4 height */
+    max-width: 100%; /* make it responsive on small screens */
+    margin: 20px auto; /* center horizontally with some margin */
+    padding: 20px;
+    background: white; /* paper color */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* subtle paper shadow */
+    overflow-y: auto; /* vertical scroll if content exceeds height */
+    border: 1px solid #ccc; /* optional border like a sheet of paper */
+    box-sizing: border-box; /* include padding in size */
+    font-family: "Times New Roman", serif; /* optional paper-like font */
+}
+
 p {
     color: black;
 }