Basic functions of Blackjack done - even counting cards in your head

style.css

@@ -36,6 +36,44 @@ h2{
     margin-top: .5rem;
 }
 
+.result{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    filter: drop-shadow(1.5px 1.5px 6px #000);
+    text-transform: uppercase;
+    font-size: 100px;
+    animation: pop 0.5s ease-in-out;
+}
+
+.won{
+    color: #0f0;
+}
+
+.lost{
+    color: #f00;
+}
+
+.blackjack{
+    color: #ff0;
+}
+
+.draw{
+    color: #fff;
+}
+
+@keyframes pop{
+    0%{
+        scale: 0.5;
+        transform: translate(-100%, -50%);
+    }
+    100%{
+        scale: 1;
+        transform: translate(-50%, -50%);
+    }
+}
+
 button{
     border-radius: 5px;
     border: none;
@@ -44,5 +82,13 @@ button{
     margin: .5rem;
     color: #fff;
     background: #6b6b6b;
+    box-shadow: 10px 10px 10px #202020,
+        inset 2.5px 2.5px 2.5px #999;
     cursor: pointer;
+}
+button#resetBTN{
+    width: 140px;
+}
+#reset{
+    display: none;
 }