Update index.html

Author: alexanderdfox

index.html

@@ -94,6 +94,7 @@
 .suit-red { color:#c62828; }
 .suit-black { color:#111; }
 
+/* --- Deck & Discard --- */
 /* --- Deck & Discard --- */
 #deckPile {
   display:flex;
@@ -103,7 +104,7 @@
   margin-top:6px;
 }
 
-#deck, #discard {
+#deck {
   width:96px;
   height:150px;
   border-radius:12px;
@@ -118,6 +119,21 @@
   cursor:pointer;
 }
 
+/* Discard pile matches card styling */
+#discard {
+  width:92px;
+  height:140px;
+  border-radius:12px;
+  display:grid;
+  place-items:center;
+  font-size:125px;
+  line-height:1;
+  background: linear-gradient(to bottom, white, whitesmoke);
+  border: 2px solid #111;
+  box-shadow: 2px 6px 12px rgba(0,0,0,0.5);
+  color: black; /* will be overridden by JS for suit-red / suit-black */
+}
+
 /* --- Controls --- */
 #controls {
   margin-top:14px;