Tweak calendar

Simplify HTML, highlight on hover, change aspect ratio, move closer to
corner.

1 files changed, 12 insertions, 12 deletions

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 0949e5a..01cc43d 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -24,27 +24,27 @@ main {
     position: relative;
 }
 
-#next-concert {
+a#next-concert {
+    display: block;
     position: absolute;
-    bottom: 2%;
-    height: 10em;
-    width: 11em;
+    bottom: 0;
+    left: -2em;
+    padding: 2em;
+    width: 6em;
+    height: 3em;
     text-align: center;
+    text-decoration: none;
     background: no-repeat center/contain url('/images/calendar.svg');
 }
-
-#next-concert a {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-    text-decoration: none;
+a#next-concert:hover {
+    color: var(--gold);
+    background-image: url('/images/calendar-gold.svg');
 }
 
 #next-concert p {
     position: relative;
-    top: 32%;
     margin: 0;
-    color: #eee;
+    margin-top: 1em;
     text-transform: uppercase;
 }