From cf4a2e4e2f04d156acfcf91481960c0985f3c1ea Mon Sep 17 00:00:00 2001
From: mi <hola@puercito.net>
Date: Thu, 20 Nov 2025 11:11:21 +1000
Subject: [PATCH] :lipstick: weathered background

---
 site/styles.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/site/styles.css b/site/styles.css
index c7f8cc6..6562de4 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -8,7 +8,31 @@ body {
     font-family: 'Special Elite', monospace;
     line-height: 1.6;
     color: #191919;
-    background: #ffffff;
+    background-color: #e8e4d8;
+    background-image:
+        /* Halftone dot pattern for newsprint effect */
+        radial-gradient(circle at 25% 25%, rgba(0,0,0,0.03) 1px, transparent 1px),
+        radial-gradient(circle at 75% 75%, rgba(0,0,0,0.03) 1px, transparent 1px),
+        /* Subtle noise texture */
+        url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),
+        /* Subtle weathered stains */
+        radial-gradient(ellipse at 20% 30%, rgba(139,119,101,0.08) 0%, transparent 50%),
+        radial-gradient(ellipse at 80% 70%, rgba(139,119,101,0.06) 0%, transparent 50%),
+        radial-gradient(ellipse at 50% 90%, rgba(139,119,101,0.05) 0%, transparent 40%);
+    background-size:
+        4px 4px,
+        4px 4px,
+        400px 400px,
+        60% 60%,
+        50% 50%,
+        70% 70%;
+    background-position:
+        0 0,
+        2px 2px,
+        0 0,
+        20% 30%,
+        80% 70%,
+        50% 90%;
     min-height: 100vh;
     display: flex;
     align-items: center;
@@ -111,7 +135,8 @@ footer {
     transform: translateY(-2px);
 }
 
-.social-links svg {
+.social-links svg,
+.social-links img {
     width: 20px;
     height: 20px;
 }