diff --git a/css/style.css b/css/style.css index 5a4d4eb..7d18337 100644 --- a/css/style.css +++ b/css/style.css @@ -188,8 +188,7 @@ --shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box); --shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box); - - --overlay: light-dark(rgb(247 247 247 / 0.4), rgb(18 18 18 / 0.4)); + } *, @@ -614,9 +613,9 @@ button:active, .button-primary:active, .logo:active { .menu-overlay { position: fixed; inset: 0; - background: var(--overlay); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); + background: light-dark(rgb(247 247 247 / 0.4), rgb(18 18 18 / 0.4)); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transition: opacity 0.25s ease;