diff --git a/css/style.css b/css/style.css
index 8a9a43f..d66dd4b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -374,8 +374,8 @@ h1 {
 
 
 .tier-strip.tier3 {
-    background-color: #ecb341ab;
-    border: 2px solid #ca9327;
+    background-color: #ecb34188;
+    border: 2px solid #deaf50;
 }
 
 .tier-strip.tier5 {
@@ -389,8 +389,11 @@ h1 {
 }
 
 .tier-strip:is(.mega, .megalegendary) {
-    background-image: linear-gradient(-145deg, #F29A7A, #F4E87D, #B4D67D, #C1E4E8, #7ABCE7, #D6B9D7, #BF617D);
+    background-image: linear-gradient(-145deg, #f29a7ab3, #f4e87dac, #b4d67dbb, #c1e4e8ae, #7abbe7b2, #d6b9d7b7, #bf617dab);
     border: 2px solid #793363;
+    opacity: 0.9;
+    -webkit-backdrop-filter: blur(50px);
+    backdrop-filter: blur(50px);
 }
 
 .tier-strip.tier4 {
@@ -399,13 +402,19 @@ h1 {
 }
 
 .tier-strip.ultrabeasts {
-    background-image: linear-gradient(45deg, #366071, #8a3882) !important;
+    background-image: linear-gradient(45deg, #366071a7, #8a3882a4) !important;
     border: 2px solid #1d073f;
+    opacity: 0.9;
+    -webkit-backdrop-filter: blur(50px);
+    backdrop-filter: blur(50px);
 }
 
 .tier-strip.primal {
-    background-image: linear-gradient(45deg, #d83c3c 5%, #132865);
+    background-image: linear-gradient(45deg, #d83c3cb6 5%, #132765a3);
     border: 2px solid #BC909A;
+    opacity: 0.9;
+    -webkit-backdrop-filter: blur(50px);
+    backdrop-filter: blur(50px);
 }
 
 .tier-strip.elite {