body{background:purple;background:linear-gradient(135deg,#000,purple 85%,pink);color:#fff;display:flex;flex-direction:column;font-family:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;justify-content:center;margin-block:0;margin-inline:2rem;min-height:100vh}header,footer{display:flex;justify-content:center;padding-block:2rem;text-align:center}header h1,header p{margin-block:0}main{background-color:#fff;border-radius:2rem;box-shadow:0 0 1rem .5rem pink;color:#000;margin-inline:auto}main>ul{display:inline-flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style-type:none;margin:2rem;padding:0;width:fit-content}main>ul>li{border-radius:1rem;box-shadow:0 .25rem .5rem purple;display:grid;grid-gap:.5rem;grid-template-rows:9rem max-content minmax(4rem,1fr) max-content;transition:.3s;width:16rem}main>ul>li:hover{box-shadow:0 .5rem 1rem purple}main>ul>li>*:not(:first-child){margin-block:0;margin-inline:1rem}main>ul>li>*:last-child{font-weight:700;justify-self:center;margin-block:1rem}main>ul>li>img{border-radius:1rem 1rem 0 0;height:100%;object-fit:contain;width:100%}main>ul>li>p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}footer a,footer a:visited{color:#fff}footer a:hover{color:pink}footer a:active{color:purple}