div.blog-card.svelte-17wyv4g{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-17wyv4g:hover{border-color:var(--melon)}div.blog-card.svelte-17wyv4g:hover img:where(.svelte-17wyv4g){filter:grayscale(100%);transform:scale(1.1)}div.blog-card.svelte-17wyv4g img:where(.svelte-17wyv4g){width:100%;height:auto;vertical-align:bottom;transition:transform .5s,filter 1.5s ease-in-out;filter:grayscale(0)}div.blog-card.svelte-17wyv4g div:where(.svelte-17wyv4g){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-17wyv4g h3:where(.svelte-17wyv4g){font-size:26px;color:var(--cream);text-transform:uppercase}div.blog-card.svelte-17wyv4g span:where(.svelte-17wyv4g){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-17wyv4g span:where(.svelte-17wyv4g).author{bottom:20px}div.blog-card.svelte-17wyv4g span:where(.svelte-17wyv4g).date{top:20px}