@font-face{font-family:Figtee;src:url(/Blog-preview-card/assets/Figtree-VariableFont_wght-CkXbWBDP.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Figtree Italic;src:url(/Blog-preview-card/assets/Figtree-Italic-VariableFont_wght-COvEadCN.ttf) format("truetype");font-weight:400;font-style:italic}:root{font-family:Figtree,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:var(--gray-950);--yellow: hsl(47, 88%, 63%);--gray-500: hsl(0, 0%, 42%);--gray-950: hsl(0, 0%, 7%);margin:0 auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--yellow);margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}p,h2{margin:0}#root{max-width:1440px;display:flex;flex-direction:column}.footer{color:var(--gray-500);padding:5px 0;margin-top:auto}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}.card{position:fixed;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;display:flex;flex-direction:column;gap:24px;border:1px solid var(--gray-950);border-radius:20px;padding:clamp(10px,3vw,24px);max-width:384px;min-width:207px;max-height:522px;box-shadow:8px 8px #000;cursor:pointer}.card:hover .card__title{color:var(--yellow)}.card__img-box{-webkit-user-select:none;user-select:none;max-width:100%}.card__img{border-radius:10px;width:100%}.card__content{display:flex;flex-direction:column;gap:8px}.card__tag{background:var(--yellow);display:inline-block;border:none;border-radius:4px;padding:4px 12px;margin-right:5px;font-weight:800;font-size:14px}.card__data-publication{font-size:14px}.card__title{font-weight:800;font-size:clamp(16px,3vw,24px)}.card__description{color:var(--gray-500);font-size:clamp(14px,3vw,16px)}.card__author{display:flex;align-items:center}.card__author-photo{-webkit-user-select:none;user-select:none;max-width:32px;max-height:32px}.card__author-name{margin-left:12px;font-weight:800;font-size:14px}