html{--clr-yellow:#f4d04e;--clr-white:#fff;--clr-gray:grey;--clr-black:#121212;background-color:var(--clr-yellow);font-family:Figtree;font-size:14px;font-weight:600}main{display:flex;height:100dvh;justify-content:center}.wrapper{align-self:center;background-color:var(--clr-white);border:1px solid var(--clr-black);border-radius:18px;box-shadow:9px 9px #000;padding:23px;transition:box-shadow .3s ease-in-out;width:-moz-min-content;width:min-content}.bold{font-weight:800}.wrapper>.img{background-position:50%;background-size:cover;border-radius:10px;height:201px;transition:width .3s ease-in-out;width:280px}.content{display:flex;flex-flow:column;gap:11px;margin-top:24px}.content>.tag{background-color:var(--clr-yellow);border-radius:4px;font-size:.9rem;padding:3px 10px;width:-moz-max-content;width:max-content}.content>h1{font-size:1.5rem}.content>p{color:var(--clr-gray)}.author{align-items:center;display:flex;gap:15px;margin-top:13px}.wrapper:hover{box-shadow:17px 17px #000}.wrapper:hover :where(h1){color:var(--clr-yellow)}@media (min-width:376px){html{font-size:16px}.wrapper>.img{width:336px}}