From ae82e374eb09753c785b6478f8a7fa8aaa018f42 Mon Sep 17 00:00:00 2001
From: Fabricius Seifert <fabricius.seifert@neuland-bfi.de>
Date: Thu, 6 Jun 2024 12:01:53 +0200
Subject: [PATCH] shadows

---
 src/components/MFExample.astro | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/MFExample.astro b/src/components/MFExample.astro
index 4e78b4d..b4e0190 100644
--- a/src/components/MFExample.astro
+++ b/src/components/MFExample.astro
@@ -16,7 +16,7 @@ const { lib3 } = Astro.props;
 
   <p class="pb-3 font-bold text-xs">{title}</p>
 
-  <div class="elements shadow">
+  <div class="elements c_shadow">
     <div class="element">
       <img src={lib1} typeof="foaf:Image" class="m-auto size-6" />
     </div>
@@ -42,6 +42,7 @@ const { lib3 } = Astro.props;
     overflow: hidden;
   }
   .elements {
+    border-radius: 10px;
     display: grid;
     gap: 0.5rem;
     grid-template:
@@ -61,9 +62,10 @@ const { lib3 } = Astro.props;
     grid-column: span 3;
   }
 
-  .shadow {
+  .c_shadow {
     filter: drop-shadow(-3px -3px 3px rgba(255, 255, 255, 0.4))
-      drop-shadow(1px 2px 2px #edcdcd) drop-shadow(2px 4px 2px #edcdcd)
+      drop-shadow(2px 3px 2px #edcdcd) drop-shadow(3px 6px 4px #edcdcd)
+      drop-shadow(4px 9px 6px #edcdcd)
       drop-shadow(0px 4px 40px rgba(255, 90, 85, 0.3));
     transform: translateZ(0);
   }