Button borders

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index a907b003e9440de650cece4fa372a5747bb75797..0836ceb993a9cf83a609bcc9546c40d8ba26a955 100644 (file)
--- a/src/littlesongplace/static/styles.css
+++ b/src/littlesongplace/static/styles.css
@@ -111,11 +111,16 @@ 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;
 }
 
+.button:active, input[type=submit]:active {
+    box-shadow: -2px -2px 0px 0px var(--black);
+}
+
 select {
     border: none;
     background-color: var(--purple);