@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,800;1,800&family=Red+Hat+Text&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--yellow: hsl(47, 88%, 63%);--white: hsl(0, 0%, 100%);--gray-500: hsl(0, 0%, 42%);--gray-950: hsl(0, 0%, 7%);--green: hsla(160, 100%, 37%, 1);--fluid-16-20: clamp(1rem, .913rem + .4348vw, 1.25rem);--fluid-14-16: clamp(.875rem, .8315rem + .2174vw, 1rem);--fluid-12-13: clamp(.75rem, .7283rem + .1087vw, .8125rem)}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}html,body{font-weight:400;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:grid;place-items:center;min-height:100dvh;line-height:1.6;font-family:Red Hat Text,sans-serif;background-color:var(--yellow)}img{max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;aspect-ratio:3 / 2;object-fit:cover;object-position:top center;border-radius:.625rem;display:block}.card-container{background-color:var(--white);border-radius:1rem;box-shadow:.625rem .625rem .2rem var(--gray-950);border:.063rem solid var(--gray-950);padding:clamp(.75rem,.75rem + .5vw,1rem);inline-size:18.75rem;overflow:hidden;margin:2rem auto}.name{font-size:var(--fluid-16-20);margin-block-end:.5rem;font-weight:700;color:var(--gray-950)}@media (prefers-reduced-motion: no-preference){.name{transition:color .4s ease-in-out}}.name:hover{color:var(--yellow)}.tittle{color:var(--gray-950);font-weight:700;background-color:var(--yellow);border-radius:.375rem;padding:.25rem .5rem;width:fit-content;margin-block-start:1rem;font-size:var(--fluid-14-16)}span{color:var(--gray-500);font-size:var(--fluid-12-13);font-weight:700}p{color:var(--gray-500)}aside{margin-block-start:2rem}.image-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;margin-inline-end:.5rem}.author{display:flex;align-items:center;font-size:var(--fluid-12-13);font-weight:700;color:var(--gray-950);zoom:1}.Description{font-size:var(--fluid-14-16);line-height:1.3}.dev{text-align:center;font-size:var(--fluid-12-13)}a{text-decoration:none;color:var(--green)}@media (hover: hover){a:hover{text-decoration:underline;font-weight:700}}