further guestbook and contact page styling

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>
 				

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);
+}

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;