small improvements

2 files changed, 22 insertions, 15 deletions

diff --git a/static/logo-dark-bg.png b/static/logo-dark-bg.png
deleted file mode 100644
index 36dbb9e..0000000
--- a/static/logo-dark-bg.png
+++ /dev/null
diff --git a/static/style.css b/static/style.css
index 9beeaf5..6066e97 100644
--- a/static/style.css
+++ b/static/style.css
@@ -57,7 +57,7 @@
 }
 
 body {
-  background: #ffffff;
+  background-color: #ffffff;
   margin: 4rem;
   font-family: "Open Sans", sans-serif, sans, monospace;
   line-height: 1.5;
@@ -238,6 +238,7 @@ h3 {
   font-size: 3.5rem;
   font-weight: 900;
   line-height: 1;
+  margin-bottom: 0.75rem;
 }
 
 p {
@@ -458,10 +459,11 @@ p {
 }
 
 .form-file-img {
-  width: 3.5rem;
-  height: 3.5rem;
+  width: 5.25rem;
+  height: 5.25rem;
   object-fit: cover;
   object-position: center;
+  display: none;
 }
 
 .form textarea {
@@ -495,36 +497,40 @@ p {
   margin-top: 0.25rem;
 }
 
-.d-flex {
-  display: flex;
+.d-block {
+  display: block !important;
 }
 
-.gap-1 {
-  gap: 1rem;
+.d-flex {
+  display: flex !important;
 }
 
 .d-inline-block {
-  display: inline-block;
+  display: inline-block !important;
+}
+
+.gap-1 {
+  gap: 1rem !important;
 }
 
 .mb-0 {
-  margin-bottom: 0;
+  margin-bottom: 0 !important;
 }
 
 .mb-0-5 {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.5rem !important;
 }
 
 .mb-1 {
-  margin-bottom: 1rem;
+  margin-bottom: 1rem !important;
 }
 
 .mb-1-5 {
-  margin-bottom: 1.5rem;
+  margin-bottom: 1.5rem !important;
 }
 
 .mb-2 {
-  margin-bottom: 2rem;
+  margin-bottom: 2rem !important;
 }
 
 @media screen and (max-width: 50rem) {
@@ -537,7 +543,7 @@ p {
   }
 
   .content h2 {
-    font-size: 3rem;
+    font-size: 2.75rem;
   }
 
   .gallery {
@@ -564,6 +570,7 @@ p {
 
   .product-page-img-mobile {
     display: block;
+    margin-top: -1rem;
   }
 
   .product-page-imgs > *:first-child {
@@ -598,6 +605,6 @@ p {
   }
 
   .logo::before {
-    background-image: url("/static/logo-dark-bg.png");
+    mix-blend-mode: overlay;
   }
 }