:root{--yellow: #f4d04e;--gray-500: #6b6b6b;--gray-950: #111111;--white: #ffffff;--text-preset-1: normal 800 1.5rem/1.5 "Figtree", sans-serif;--text-preset-2: normal 500 1rem/1.5 "Figtree", sans-serif;--text-preset-3: normal 500 .875rem/1.5 "Figtree", sans-serif;--text-preset-4: normal 800 .875rem/1.5 "Figtree", sans-serif;--box-shadow-default: .5rem .5rem .5rem rgba(0, 0, 0, .9);--primary-blue: hsl(228, 45%, 44%)}*{margin:0;padding:0}body{height:100vh;background-color:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-color:var(--white);border-radius:20px;width:90%;max-width:24rem;height:auto;min-height:33rem;box-shadow:var(--box-shadow-default);border:1px solid}.img-art{width:90%;max-width:21rem;object-fit:cover;height:auto;border-radius:.625rem;display:block}.content{display:flex;flex-direction:column;gap:.75rem;margin-inline:clamp(1rem,2vw,2rem)}.catg{font:var(--text-preset-4);background-color:var(--yellow);padding-inline:calc(.5rem + 1vw);padding-block:.25rem;width:fit-content;border-radius:4px}.pub-date{font:var(--text-preset-3)}.title{font:var(--text-preset-1)}.title:hover{color:var(--yellow);cursor:pointer}.title:active{transform:scale(.97)}.descp{font:var(--text-preset-2)}.autor{display:flex;width:100%;padding:0 1.5rem;align-items:center;gap:.7rem;box-sizing:border-box}.img-avat{width:2rem;height:2rem}.name{font:var(--text-preset-4)}.attribution{font-size:1rem;margin:1.8rem 0 0}.attribution a{color:var(--primary-blue)}