1 files changed, 37 insertions, 5 deletions
diff --git a/static/style.css b/static/style.css
index 869b0bc..867b9a6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -141,6 +141,9 @@ nav a.active {
 }
 
 .container {
+  max-width: 81rem;
+  width: 100%;
+  margin: 0 auto;
   display: flex;
   gap: 2rem;
 }
@@ -335,6 +338,27 @@ p {
 
 .shop-item {
   width: 17.66rem;
+  transition: background-color 0.2s;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.shop-item:hover .shop-item-backdrop {
+  opacity: 1;
+}
+
+.shop-item-backdrop {
+  position: absolute;
+  opacity: 0;
+  content: '';
+  left: -1rem;
+  transition: opacity 0.2s;
+  top: -1rem;
+  right: -1rem;
+  bottom: -1rem;
+  background-color: #ffed7a;
+  z-index: -1;
 }
 
 .shop-item-not-published {
@@ -344,7 +368,7 @@ p {
 .shop-item-imgs {
   background-color: #00000011;
   position: relative;
-  width: 17.5rem;
+  width: 17.66rem;
   margin-bottom: 1rem;
   aspect-ratio: 1;
   overflow: hidden;
@@ -377,10 +401,10 @@ p {
 }
 
 .shop-item-title {
-  font-size: 1.25rem;
-  margin-top: 0.375rem;
-  margin-bottom: 0.25rem;
-  font-weight: 600;
+  font-size: 1.375rem;
+  margin-bottom: 0.375rem;
+  font-weight: 700;
+  position: relative;
 }
 
 h2[id=content] {
@@ -641,6 +665,10 @@ select {
   margin-bottom: 1rem !important;
 }
 
+.mb-1-25 {
+  margin-bottom: 1.25rem !important;
+}
+
 .mb-1-5 {
   margin-bottom: 1.5rem !important;
 }
@@ -653,6 +681,10 @@ select {
   margin-top: 2rem !important;
 }
 
+.mt-auto {
+  margin-top: auto !important;
+}
+
 .mr-0-5 {
   margin-right: 0.5rem !important;
 }