From 94c16a494e77221aa96f2f6f0b7c9ef63742e372 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Thu, 19 Dec 2024 17:14:23 -0500
Subject: [PATCH] further guestbook and contact page styling

---
 guestbook/templates/top.php |  2 +-
 style/guestbook.css         | 14 ++++++++++++--
 style/style.css             |  5 ++++-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/guestbook/templates/top.php b/guestbook/templates/top.php
index 121446e..e11c272 100644
--- a/guestbook/templates/top.php
+++ b/guestbook/templates/top.php
@@ -24,7 +24,7 @@
 	    		</p>
 	
 	    		<h3>leave a comment</h3>
-		    	<p>
+		    	<p class="guestbook-text">
 		    		if you'd just like to say hello or leave another short message, you can do so in the guestbook below
 		    	</p>
 				
diff --git a/style/guestbook.css b/style/guestbook.css
index 011fb50..4d710db 100644
--- a/style/guestbook.css
+++ b/style/guestbook.css
@@ -1,12 +1,13 @@
 :root {
     --pagebg:#232c2f;
-    --pagecolor:#DCD7C9;
-    --border: #5b7e81;
+    --pagecolor:#65eeb788;
+    --border: #588c7388;
 }
 
 ul.pages {
     list-style:none;
     margin:auto;
+    margin-top: 1rem;
     text-align:center;
 }
 
@@ -36,3 +37,12 @@ ul.pages li.active {
     background:var(--pagecolor);
     color:var(--pagebg);
 }
+
+.q {
+    border-bottom: 2px solid var(--border);
+}
+
+.guestbook-text {
+    padding-bottom: 0.5rem;
+    border-bottom: 2px solid var(--border);
+}
diff --git a/style/style.css b/style/style.css
index d0e3f1a..7967149 100644
--- a/style/style.css
+++ b/style/style.css
@@ -11,6 +11,9 @@
 :root {
 	--background-color: #e0ffcd;
 	--body-background-color: #ffebbb;
+	--scroll-gutter: #65eeb788;
+	--scroll-bar: #588c7388;
+
 }
 
 *, *::before, *::after {
@@ -53,7 +56,7 @@ main {
 	padding-left: 2.5rem;
 	overflow: auto;
 	scrollbar-width: thin;
-	scrollbar-color: #588c7388 #65eeb788;
+	scrollbar-color: var(--scroll-gutter) var(--scroll-bar);
 	grid-column: 2/3;
 	grid-row: 2/3;
 	align-self: end;