Button borders

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index be9669a1911c60fa0840593dc802dcc9af7bbd28..9ea0e0b87d2c0f01b8c7f7ac0de4c631764d337f 100644 (file)
--- a/src/littlesongplace/static/styles.css
+++ b/src/littlesongplace/static/styles.css
@@ -111,6 +111,7 @@ input[type=text], input[type=password], input[type=url], input[type=datetime-loc
     text-decoration: none;
     color: var(--yellow);
     background: var(--purple);
+    box-shadow: 2px 2px 0px 0px var(--black);
     border: 0px;
     border-radius: var(--radius);
     padding: 8px;
@@ -121,6 +122,10 @@ input[type=text], input[type=password], input[type=url], input[type=datetime-loc
     font-size: 0.8em;
 }
 
+.button:active, input[type=submit]:active {
+    box-shadow: -2px -2px 0px 0px var(--black);
+}
+
 select {
     border: none;
     background-color: var(--purple);