From 2d329bc54419d0f599038dd3d91224704bbd19c6 Mon Sep 17 00:00:00 2001
From: Nihaal Sharma <neonsharma@hotmail.com>
Date: Sun, 21 May 2023 15:43:04 +0100
Subject: [PATCH] added WebKit bg blur and shadow on the top bar

+ webKit support for the topbar's bg blur
+ PERFECT shadow for topbar
   + Dark Mode support
   + WebKit!
+ added <pre>, might help for indentatation to show sites under "site testing"
---
 index.html | 2 +-
 style.css  | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 44b078d..773750b 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 				<b>├──</b>	<a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br>
 				<b>├──</b>	<a href="https://neon443.github.io/webpage-testing/">webpage-testing</a><br>
 				<b>├──</b><br>
-				<b>└──</b><br>
+				<b>└──</b><br><pre></pre>
 		</p>
 		<br>
 		<h3><b>Tips:</b></h3>
diff --git a/style.css b/style.css
index 83abc2f..bf4517f 100644
--- a/style.css
+++ b/style.css
@@ -12,6 +12,9 @@ a{
 	position: fixed;
 	top: 0px;
 	backdrop-filter: blur(2.5px);
+	-webkit-backdrop-filter: blur(2.5px);
+	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
+	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
 	width: 100%;
 }
 body{
@@ -55,6 +58,12 @@ h3{
 		background-color: #1C1C1E;
 		color: #f2f2f2;
 	}
+	.topbar{
+		box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
+		-webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
+
+	}
+
 	#transaction {
 		background-color: #222222;
 	}