:root{--clr-gray-light: #d7dfe2;--clr-gray-med: #616b74;--clr-gray-dark: #414b56;--clr-link: #4d97b2;--clr-popular: #ef257a;--clr-technology: #651fff;--clr-psychology: #e85808}*{box-sizing:border-box;margin:0;padding:0}.body-news{display:flex;padding:0 35px;align-items:center;justify-content:center;margin:2rem;color:var(--clr-gray-dark)}.wrapper{width:100vw;display:flex;flex-wrap:wrap;justify-content:center}.card-news{overflow:hidden;box-shadow:0 2px 20px var(--clr-gray-light);background:#fff;border-radius:.5rem;position:relative;width:350px;margin:1rem;transition:.25s all ease-in-out;cursor:pointer}.card-news:hover{transform:scale(1.05);box-shadow:0 2px 40px var(--clr-gray-light)}.banner-img{position:absolute;-o-object-fit:cover;object-fit:cover;height:14rem;width:100%}.category-tag{font-size:.8rem;font-weight:700;color:#fff;background:red;padding:.5rem 1.3rem .5rem 1rem;text-transform:uppercase;position:absolute;z-index:1;top:1rem;border-radius:0 2rem 2rem 0}.popular{background:var(--clr-popular)}.technology{background:var(--clr-technology)}.psychology{background:var(--clr-psychology)}.card-body{margin:15rem 1rem 1rem}.blog-hashtag{font-size:.8rem;font-weight:500;color:gray}.blog-title{line-height:1.5rem;margin:1rem 0 .5rem;font-size:15px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;line-height:1.5em}.blog-description{color:var(--clr-gray-med);font-size:.9rem}.card-profile{display:flex;margin-top:2rem;align-items:center}.profile-img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.card-profile-info{margin-left:1rem}.profile-name{font-size:1rem}.profile-followers{color:var(--clr-gray-med);font-size:.9rem}
