div.blog-card.svelte-lxmzof{width:300px;height:auto;position:relative;overflow:hidden;box-shadow:0 4px 8px -4px #00000040,inset 0 -1px 1px #0000000a,inset 0 2px #ffffff40;border:solid var(--cream) 10px;border-top-left-radius:24px;border-bottom-right-radius:24px}div.blog-card.svelte-lxmzof:hover{border-color:var(--melon)}div.blog-card.svelte-lxmzof:hover img:where(.svelte-lxmzof){filter:grayscale(100%);transform:scale(1.1)}div.blog-card.svelte-lxmzof img:where(.svelte-lxmzof){width:100%;height:auto;vertical-align:bottom;transition:transform .5s,filter 1.5s ease-in-out;filter:grayscale(0)}div.blog-card.svelte-lxmzof div:where(.svelte-lxmzof){width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0003;color:var(--cream);font-family:var(--font_bold);display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}div.blog-card.svelte-lxmzof h3:where(.svelte-lxmzof){font-size:26px;color:var(--cream);text-transform:uppercase}div.blog-card.svelte-lxmzof span:where(.svelte-lxmzof){position:absolute;left:0;width:100%;display:flex;justify-content:center;align-items:center;font-size:14px;font-family:var(--font_regular_italic);color:var(--cream)}div.blog-card.svelte-lxmzof span:where(.svelte-lxmzof).author{bottom:20px}div.blog-card.svelte-lxmzof span:where(.svelte-lxmzof).date{top:20px}