*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{width:100%;height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--breakpoint-mobile: 375px;--breakoint-desktop: 1440px;--color-white: hsl(0, 0%, 100%);--color-yellow: hsl(47, 88%, 63%);--color-gray-950: hsl(0, 0%, 7%);--color-gray-500: hsl(0, 0%, 42%);--font-size-primary: 1.5rem;--font-size-secondary: 1rem;--font-size-tertiary: .875rem;--font-size-primary-sm: 1.25rem;--font-size-secondary-sm: .875rem;--font-size-tertiary-sm: .75rem;--font-family-base: "Figtree", sans-serif;--font-weight-normal: 500;--font-weight-bold: 800;--spacing-200: 1.5rem;--spacing-150: .75rem;--spacing-100: .5rem;--spacing-50: .25rem}@font-face{font-family:Figtree;src:url(/blog-preview-card/assets/Figtree-VariableFont_wght-CkXbWBDP.ttf) format("truetype");font-weight:500 800;font-display:swap}body{font-family:var(--font-family-base)}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-yellow)}.card{width:24rem;display:flex;flex-direction:column;gap:var(--spacing-200);border-radius:20px;padding:var(--spacing-200);margin:var(--spacing-200);background:var(--color-white);box-shadow:6px 6px var(--color-gray-950)}.card-section-header-img{height:12.5rem;width:100%;object-fit:cover;border-radius:10px}.card-section-content{display:flex;flex-direction:column;gap:var(--spacing-150)}.card-section-content-button{width:max-content;padding:var(--spacing-50) var(--spacing-150);background-color:var(--color-yellow);color:var(--color-gray-950);border-width:0;border-radius:4px;font-weight:var(--font-weight-bold);font-size:var(--font-size-tertiary)}.card-section-content-date{font-size:var(--font-size-tertiary);font-weight:var(--font-weight-normal);color:var(--color-gray-950)}.card-section-content-title{font-size:var(--font-size-primary);font-weight:var(--font-weight-bold);color:var(--color-gray-950)}.card-section-content-title:hover{color:var(--color-yellow);cursor:pointer}.card-section-content-description{font-size:var(--font-size-secondary);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.card-section-avatar{display:flex;flex-direction:row;gap:var(--spacing-150);align-items:center}.card-section-avatar-img{width:2rem;height:2rem}.card-section-avatar-name{font-size:var(--font-size-tertiary);font-weight:var(--font-weight-bold);color:var(--color-gray-950)}@media screen and (max-width: 375px){.card-section-content-button,.card-section-content-date{font-size:var(--font-size-tertiary-sm)}.card-section-content-title{font-size:var(--font-size-primary-sm)}.card-section-content-description{font-size:var(--font-size-secondary-sm)}}