diff --git a/css/classic.css b/css/classic.css index 0278e5b..ecb5bd2 100644 --- a/css/classic.css +++ b/css/classic.css @@ -85,12 +85,12 @@ .ghost.mino { margin: 1px; background: rgba(0, 0, 0, 10%) !important; - border: 3px solid #646464 !important; + border: 3px solid #FFF4 !important; box-shadow: - -2px -2px 6px rgba(128, 128, 128, 25%), - -2px 2px 6px rgba(128, 128, 128, 25%), - 2px -2px 6px rgba(128, 128, 128, 25%), - 2px 2px 6px rgba(128, 128, 128, 25%); + -2px -2px 6px #FFF2, + -2px 2px 6px #FFF2, + 2px -2px 6px #FFF2, + 2px 2px 6px #FFF2; } .moving.mino { @@ -100,20 +100,20 @@ .locking.mino { filter: saturate(50%) brightness(200%); box-shadow: - -1px -1px 4px rgba(128, 128, 128, 25%), - -1px 1px 4px rgba(128, 128, 128, 25%), - 1px -1px 4px rgba(128, 128, 128, 25%), - 1px 1px 4px rgba(128, 128, 128, 25%); + -1px -1px 4px #FFF2, + -1px 1px 4px #FFF2, + 1px -1px 4px #FFF2, + 1px 1px 4px #FFF2; } @keyframes locked-animation { from { filter: saturate(50%) brightness(400%); box-shadow: - -1px -1px 4px rgba(255, 255, 255, 25%), - -1px 1px 4px rgba(255, 255, 255, 25%), - 1px -1px 4px rgba(255, 255, 255, 25%), - 1px 1px 4px rgba(255, 255, 255, 25%); + -1px -1px 4px #FFF2, + -1px 1px 4px #FFF2, + 1px -1px 4px #FFF2, + 1px 1px 4px #FFF2; } } diff --git a/index.html b/index.html index f7c926f..72bfb4e 100644 --- a/index.html +++ b/index.html @@ -86,7 +86,7 @@ <div id="screenRow" class="row row-cols-auto align-items-start gap-2"> <div class="col d-flex flex-column align-items-end"> - <div class="card mb-4 w-100"> + <div class="card shadow mb-4 w-100"> <div class="card-header fw-bold text-uppercase text-center">Hold</div> <div class="card-body p-0"> <table id="holdTable" class="minoes-table m-auto">