:root{font-size:16px}*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline;font-family:inherit;font-size:inherit;border:none;outline:none;text-decoration:none;color:#3b3b3b}body{display:-ms-grid;display:grid;min-height:100vh;place-items:center}main{margin:0 1.2rem}img{width:100%;-o-object-fit:cover;object-fit:cover}.card{background-color:white;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;max-width:400px;margin:0 auto;padding:1.3rem;padding-bottom:1.5rem;border-radius:.6rem}.card__wrapper{overflow:hidden;height:250px;border-radius:.4rem}.card__wrapper__image{-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;height:100%}.card__wrapper__image:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-filter:grayscale(1);filter:grayscale(1)}.card__title{font-size:1.5rem;margin:1.6rem 0 1rem 0}.card__description{color:#a6a6a6;margin-bottom:1.5rem;border-bottom:1px solid #e6e6e6;padding-bottom:1rem}.card__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card__details__avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card__details__avatar__photo{max-width:40px;border-radius:50%;margin-right:1rem;-webkit-box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px}.card__details__avatar__name{font-weight:bold}.card__details__avatar__name span{color:#8c8c8c;font-weight:normal}.card__details__date{color:#8c8c8c}