*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit}img,a,time{display:block}img{width:100%}
@font-face{font-family:"Figtree";src:url(assets/5ecd3f8010e7190b961b.ttf) format("truetype")}:root{--yellow: hsl(47, 88%, 63%);--white: hsl(0, 0%, 100%);--light-grey: hsl(0, 0%, 42%);--dark-grey: hsl(0, 0%, 7%);--ff-figtree: "Figtree", sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:156px 24px;background:var(--yellow);font-family:var(--ff-figtree);font-weight:500;color:var(--dark-grey)}.card{width:100%;max-width:327px;padding:23px;background:var(--white);border:1px solid var(--dark-grey);border-radius:20px;box-shadow:8px 8px 0 var(--dark-grey)}.card__image{aspect-ratio:279/200;width:100%;margin-bottom:1.5rem;-o-object-fit:cover;object-fit:cover;border-radius:10px}.card__tag{width:-moz-fit-content;width:fit-content;padding:7px 12px;margin-bottom:0.75rem;background:var(--yellow);border-radius:4px;font-size:0.8125rem;font-weight:900;line-height:1}.card__date{margin-bottom:0.6875rem;font-size:0.8125rem}.card__title{margin-bottom:0.75rem}.card__link{width:-moz-fit-content;width:fit-content;font-size:1.25rem;font-weight:900;text-decoration:none;color:var(--dark-grey);transition:color 100ms linear}.card__link:hover,.card__link:focus-visible{color:var(--yellow)}.card__description{margin-bottom:1.5rem;font-size:0.875rem;color:var(--light-grey)}.author{display:flex;align-items:center;gap:12px}.author__avatar{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.author__name{font-size:0.9375rem;font-weight:900}@media screen and (min-width: 450px){.card{max-width:384px}.card__image{aspect-ratio:unset}.card__tag{padding:7.5px 12px;font-size:0.875rem}.card__date{margin-bottom:0.75rem;font-size:0.875rem}.card__title{margin-bottom:0.875rem}.card__link{font-size:1.5rem}.card__description{font-size:1rem}}

/*# sourceMappingURL=style.css.map*/