diff --git a/style.css b/style.css index 5e9bf95..6aadf1d 100644 --- a/style.css +++ b/style.css @@ -62,9 +62,9 @@ -moz-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px); - -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); + -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); } .barItem { float: left; @@ -83,12 +83,12 @@ padding: 9px; } .barItem a:hover { - background-color: #222; - color: #ddd; + background-color: #eee; + color: #111; - -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); - box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); + -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); } /* Bar styling*/ @@ -98,23 +98,20 @@ color: #ddd; } .bar { - -webkit-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25); - -moz-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25); - box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 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); } .barItem * { color: #ddd; } .barItem a:hover { - background-color: #ddd; - color: #222; + background-color: #111; + color: #eee; - -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5); - -moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5); - box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5); - } - #transaction { - background-color: #222; + -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); } } @media screen and (max-width: 600px) {