diff --git a/css/electro.css b/css/electro.css index 6531579..f13942c 100644 --- a/css/electro.css +++ b/css/electro.css @@ -49,7 +49,7 @@ body[data-bs-theme="dark"] { .ghost.mino { background: transparent; - border: 2px solid rgba(255, 255, 255, 0.3); + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 3px; box-shadow: -1px -1px 8px rgba(242, 255, 255, 32%), @@ -59,9 +59,18 @@ body[data-bs-theme="dark"] { } .moving.mino { - border-width: 1px; - background: rgba(186, 211, 255, 30%); - border-color: rgba(242, 255, 255, 0.7); + box-shadow: + -1px -1px 5px rgba(128, 128, 128, 35%), + -1px 1px 5px rgba(128, 128, 128, 35%), + 1px -1px 5px rgba(128, 128, 128, 35%), + 1px 1px 5px rgba(128, 128, 128, 35%); +} + +.moving.mino:not(.locking) { + padding: 2px; + background: rgba(186, 211, 255, 30%); + border: none; + border-radius: 4px; } .locking.mino { @@ -70,10 +79,10 @@ body[data-bs-theme="dark"] { border-color: rgba(242, 255, 255, 0.7); border-radius: 4px; box-shadow: - -1px -1px 8px rgba(186, 211, 255, 27%), - -1px 1px 8px rgba(186, 211, 255, 27%), - 1px -1px 8px rgba(186, 211, 255, 27%), - 1px 1px 8px rgba(186, 211, 255, 27%); + -1px -1px 8px rgba(242, 255, 255, 32%), + -1px 1px 8px rgba(242, 255, 255, 32%), + 1px -1px 8px rgba(242, 255, 255, 32%), + 1px 1px 8px rgba(242, 255, 255, 32%); } @keyframes locked-animation {