From 8244b3d64ec6888dc65bfa599e9a878c97cb3440 Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Fri, 20 Dec 2024 14:50:43 -0600
Subject: done? for now, anyway

---
 served/styles/home.css | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

(limited to 'served/styles/home.css')

diff --git a/served/styles/home.css b/served/styles/home.css
index c67d711..ac00786 100644
--- a/served/styles/home.css
+++ b/served/styles/home.css
@@ -9,14 +9,21 @@ ul {
 }
 
 #contact {
-	border: 1px solid black;
+	border: 1px solid var(--text-dim);
 	box-shadow: 5px -5px 0px #999, 10px -10px 0px #666, 15px -15px 0px #333;
 	padding: 1rem 2rem 1rem 1rem;
+	/* allocate the space for the boxshadow */
+	margin-right: 15px;
 
 	max-width: var(--pwidth);
 	height: min-content;
 }
 
+#banner {
+	max-width: min(100%, calc(var(--pwidth) + 15px));
+	border: 1px solid var(--text-dim);
+}
+
 #contact>h2 {
 	margin-top: 0;
 }
@@ -29,9 +36,13 @@ ul {
 
 @media (max-width: 50rem) {
 	#contact {
-		margin-top: 1.5rem;
+		margin-top: 2rem;
 		margin-right: 1rem;
 	}
+
+	#banner {
+		margin-top: 1rem;
+	}
 }
 
 @media (min-width: 50rem) {
@@ -40,6 +51,7 @@ ul {
 		grid-template-columns: 30rem 1fr;
 		row-gap: 1rem;
 		column-gap: 1rem;
+		width: fit-content;
 	}
 
 	#hello>p,
@@ -54,4 +66,10 @@ ul {
 
 		width: fit-content;
 	}
+
+	#banner {
+		max-width: 16rem;
+		grid-column: 2;
+		grid-row: 4
+	}
 }
\ No newline at end of file
-- 
cgit 1.4.1-3-g733a5