From 21929261e497b0aeddd0dc1cccfff4a27a4753f8 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Mon, 29 Apr 2024 17:51:17 +0200
Subject: [PATCH] shadow

---
 css/classic.css | 26 +++++++++++++-------------
 index.html      |  2 +-
 2 files changed, 14 insertions(+), 14 deletions(-)

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">