From f69e5d4934c7811ef5880c3ddb221abaacf2c178 Mon Sep 17 00:00:00 2001
From: "Samuel A. Matheson" <57382365+anthonym01@users.noreply.github.com>
Date: Wed, 29 Jul 2020 20:24:27 -0500
Subject: [PATCH] Made the buttons pop a little

Added a simple transition to the buttons so they look nice when clicked
---
 style.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 8d4f7546..55ba0a05 100644
--- a/style.css
+++ b/style.css
@@ -87,8 +87,20 @@ img.center {
     font-size: 24pt;
     margin: -2px auto;
     cursor: pointer;
+    transform: translate(0, 0);
+    transition: transform 300ms, color 300ms, background-color 300ms;
+    outline: none !important;
 }
-.small_button, .small_button_off {
+
+.button:active {
+    transform: translate(0, 10%);
+    transition: transform 0ms, color 0ms, background-color 0ms;
+    color: rgb(0, 0, 0) !important;
+    background-color: white !important;
+}
+
+.small_button,
+.small_button_off {
     background-color: #333;
     font-family: 'Montserrat', sans-serif;
     border: none;
@@ -103,6 +115,16 @@ img.center {
     font-size: 18pt;
     margin: -2px auto;
     cursor: pointer;
+    transform: translate(0, 0);
+    transition: transform 300ms, color 300ms, background-color 300ms;
+    outline: none !important;
+}
+
+.small_button:active {
+    transform: translate(0, 10%);
+    transition: transform 0ms, color 0ms, background-color 0ms;
+    color: rgb(0, 0, 0) !important;
+    background-color: white !important;
 }
 .small_button_off {
     background-color: #ddd;