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

@@ -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>

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