diff --git a/style.css b/style.css
index 6f0d211..601a5f4 100644
--- a/style.css
+++ b/style.css
@@ -10,7 +10,7 @@
 		color: #007AFF
 	}
 	body {
-		background-color: #f2f2f2;
+		background-color: #ddd;
 		color: #222;
 		font-family: system-ui;
 	}
@@ -57,6 +57,7 @@
 		margin: 0;
 		padding: 0;
 		overflow: hidden;
+		background-color: rgba(255, 255, 255, 0.25);
 
 		-webkit-backdrop-filter: blur(2.5px);
 		-moz-backdrop-filter: blur(2.5px);
@@ -64,7 +65,7 @@
 		
 		-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 		-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);	
+		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 	}
 	.barItem {
 		float: left;
@@ -83,12 +84,12 @@
 		padding: 9px;
 	}
 	.barItem a:hover {
-		background-color: #eee;
-		color: #111;
+		background-color: #111;
+		color: #eee;
 		
 		-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 		-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);	
+		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 	}
 /* Bar styling*/
 
@@ -98,20 +99,21 @@
 		color: #ddd;
 	}
 	.bar {
+		background-color: rgba(0, 0, 0, 0.25);
 		-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
 		-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-		box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);	
+		box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
 	}
 	.barItem * {
 		color: #ddd;
 	}
 	.barItem a:hover {
-		background-color: #111;
-		color: #eee;
+		background-color: #eee;
+		color: #111;
 		
 		-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
 		-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-		box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);	
+		box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
 	}
 }
 @media screen and (max-width: 600px) {