shadows improved

src/style/style.css

@@ -26,7 +26,7 @@
     --color-back: white;
     --color-back-opposite: hsl(0, 0%, 15%);
 
-    --color-shadow: rgba(27, 51, 88, 0.15);
+    --color-shadow: rgba(27, 51, 88, 0.25);
 
     /* SIZE */
     --size-xs: 0.35em;
@@ -38,7 +38,9 @@
     /* EFFECTS */
     --radius: 16px;
     --shadow: 0 0 8px var(--color-shadow);
-    --shadow-active: 0 4px 16px var(--color-shadow);
+    --shadow-active:
+        0 12px 24px -8px rgba(27, 51, 88, 0.25),
+        0 8px 16px -8px rgba(0, 0, 0, 0.3);
 
     /* SPECIAL */
     --article-line-height: 1.5em;