From 02bd6a8492b6d4b4fdffaead35974f84fcb8e070 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Fri, 13 Dec 2024 13:08:42 -0500
Subject: [PATCH] styling defined for color choices

---
 style/style.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/style/style.css b/style/style.css
index 836ca91..4719055 100644
--- a/style/style.css
+++ b/style/style.css
@@ -1,4 +1,6 @@
 :root {
+	--background-color: #e0ffcd;
+	--body-background-color: #ffebbb;
 }
 
 *, *::before, *::after {
@@ -12,6 +14,7 @@ html {
 }
 
 body {
+	background-color: var(--body-background-color);
 	display: grid;
 	grid-template-rows: 5vh 2fr 5vh;
 	justify-content: center;
@@ -19,6 +22,7 @@ body {
 }
 
 main {
+	background-color: var(--background-color);
 	height: auto;
 	width: 70vw;
 	display: grid;
@@ -27,13 +31,19 @@ main {
 }
 
 header {
+	background-color: var(--background-color);
 	grid-row: 1/2;
 	height: 5vh;
 	width: auto;
 	text-align: center;
+	border-bottom: 10px solid;
+	border-image-slice: 1;
+	border-width: 5px;
+	border-image-source: linear-gradient(to right, #D60270, #9B4F96, #0038A8);
 }
 
 footer {
+	background-color: var(--background-color);
 	grid-row: 3/4;
 	height: 5vh;
 	width: auto;
@@ -42,10 +52,16 @@ footer {
 }
 
 nav {
+	background-color: var(--background-color);
 	grid-row: 2/3;
 	width: 10vw;
 	height: auto;
 	justify-self: end;
+	border-right: 10px solid;
+	border-image-slice: 1;
+	border-width: 5px;
+	border-image-source: linear-gradient(to bottom, #FCF434, #FFFFFF, #9C59D1, #2C2C2C);
+
 }
 
 section {