@font-face{font-family:"Figtree";src:url(fonts/Figtree-Medium.woff2) format("woff2"),url(fonts/Figtree-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Figtree";src:url(fonts/Figtree-ExtraBold.woff2) format("woff2"),url(fonts/Figtree-ExtraBold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}:root{--2-yellow: hsl(47, 89%, 63%, 1);--2-gray-950: hsl(0, 0%, 7%, 1);--2-gray-500: hsl(0, 0%, 42%, 1);--2-white: hsl(0, 0%, 100%, 1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{font-family:"Figtree",Arial,sans-serif;background-color:var(--2-yellow)}.wrapper{min-height:100dvh;display:flex;justify-content:center;align-items:center}.card{width:95%;background-color:var(--2-white);padding:1.5rem;border-radius:1.25rem;box-shadow:inset 0 0 0 1px var(--2-gray-950),2px 2px 2px 0 var(--2-gray-950);color:var(--2-gray-950)}.card__link{display:flex;flex-direction:column;gap:1.5rem;text-decoration:none;color:inherit;outline:none}.card__image{width:100%;max-width:100%;min-height:12.5rem;object-fit:cover;border-radius:.625rem}.card__content{display:flex;flex-direction:column;gap:.75rem;font-size:clamp(0.75rem,0.7059859155rem + 0.1877934272vw,0.875rem);line-height:1.5;font-weight:bold}.card__category{align-self:start;padding:.25rem .75rem;border-radius:.25rem;background-color:var(--2-yellow)}.card__date{font-weight:500}.card__title{font-size:clamp(1.25rem,1.161971831rem + 0.3755868545vw,1.5rem);transition:color .5s ease}.card__description{color:var(--2-gray-500);font-weight:500;font-size:clamp(0.875rem,0.8309859155rem + 0.1877934272vw,1rem)}.card__author{display:flex;align-items:center;gap:.75rem}.card__author-avatar{border-radius:50%;width:100%;max-width:2rem;height:auto}.card__author-name{font-size:clamp(0.875rem,0.8309859155rem + 0.1877934272vw,1rem);font-weight:bold;line-height:1.5}@media(prefers-reduced-motion: reduce){.card{transition:1s}.card__title{transition:1s}}@media screen and (min-width: 23.4375em){.card{width:clamp(20.4375rem,19.1830985915rem + 5.3521126761vw,24rem)}}@media screen and (min-width: 90em){.card{cursor:pointer;transition:box-shadow .3s ease}.card__title{transition:color .3s ease}.card:hover,.card:focus-within{box-shadow:inset 0 0 0 1px var(--2-gray-950),2px 2px 8px 0 var(--2-gray-950)}.card:hover .card__title,.card:focus-within .card__title{color:var(--2-yellow)}}