3 files changed, 25 insertions, 7 deletions
diff --git a/static/media/grid-background-single-square-light.jpg b/static/media/grid-background-single-square-light.jpg
new file mode 100644
index 0000000..ab95aec
--- /dev/null
+++ b/static/media/grid-background-single-square-light.jpg
diff --git a/static/media/grid-background-single-square.jpg b/static/media/grid-background-single-square.jpg
new file mode 100644
index 0000000..47203c4
--- /dev/null
+++ b/static/media/grid-background-single-square.jpg
diff --git a/static/style.css b/static/style.css
index ffef6d8..a4263b1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -65,10 +65,11 @@ html {
 body {
     margin: 0;
     font-family: 'DejaVu Sans', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    background-image: url("/static/media/grid-background-single-square-light.jpg");
+    background-size: 1.25rem 1.25rem;
 }
 
 main {
-    padding: 1.75rem;
     padding-top: 5rem;
     padding-bottom: 3rem;
     max-width: 60rem;
@@ -76,8 +77,26 @@ main {
     margin-right: auto;
 }
 
+article, #intro, .main-bg {
+  padding: 1rem 1.75rem;
+  background-color: white;
+  box-shadow: 0 0 1em 0.4em rgb(224, 224, 224);
+}
+
+article, #intro {
+  margin-top: 1.75rem;
+}
+
+article h2 {
+  margin-top: 0;
+}
+
+article p:last-of-type {
+  margin-bottom: .5rem;
+}
+
 main:has(#intro) {
-  padding-top: 0;
+  padding-top: 1rem;
 }
 
 .top-bar {
@@ -111,8 +130,6 @@ main:has(#intro) {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-image: url("/static/media/grid-background-light.png");
-  background-size: 20rem 20rem;
 }
 
 .landing-text {
@@ -140,7 +157,7 @@ main:has(#intro) {
 }
 
 h1 {
-  font-size: 2.5rem;
+  font-size: 2.75rem;
   color: rgb(190, 190, 190);
   margin: 0;
 }
@@ -165,8 +182,8 @@ b {
 }
 
 h2, h3, h4, h5, h6 {
-  margin-top: 2rem;
-  margin-bottom: 0.7rem;
+/*   margin-top: 2rem;
+  margin-bottom: 0.7rem; */
   font-size: 1.5rem;
 }
 
@@ -289,6 +306,7 @@ blockquote {
 .gallery {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
+  margin-top: 1.75rem;
 }
 
 @media screen and (max-width: 45rem) {