*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,figure{margin:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:Figtree;src:url(/blog-preview-card/assets/Figtree-Italic-VariableFont_wght-COvEadCN.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Figtree;src:url(/blog-preview-card/assets/Figtree-VariableFont_wght-CkXbWBDP.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{font-family:Figtree,sans-serif}.text-preset-1{font-size:24px;line-height:150%;letter-spacing:0;font-weight:800}.text-preset-2{font-size:16px;line-height:150%;letter-spacing:0;font-weight:500}.text-preset-3{font-size:14px;line-height:150%;letter-spacing:0;font-weight:500}.text-preset-3-bold{font-size:14px;line-height:150%;letter-spacing:0;font-weight:800}.blog-preview-card{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:384px;background-color:#fff;border-radius:20px;border:1px solid #111111;box-shadow:8px 8px #000;color:#111}.blog-preview-card--figure{display:flex;justify-content:center;align-items:center}.blog-preview-card--figure>img{width:100%;border-radius:10px}.blog-preview-card--details{display:flex;flex-direction:column;gap:12px}.blog-preview-card--details--tag-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:0;margin:0}.blog-preview-card--details--tag-list--tag{list-style:none;background-color:#f4d04e;text-align:center;border-radius:4px;padding:4px 12px}.blog-preview-card--details--date,.blog-preview-card--details--title{margin:0}.blog-preview-card--details--title:hover{color:#f4d04e;cursor:pointer}.blog-preview-card--details--description{margin:0;color:#6b6b6b}.blog-preview-card--author{display:flex;flex-direction:row;gap:12px;align-items:center}.blog-preview-card--author .blog-preview-card--author--name{margin:0}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}main{background-color:#f4d04e;height:100vh;display:flex;justify-content:center;align-items:center}footer{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:10}