.card{width:100%;height:400px;padding:2rem 1.5rem;transition:box-shadow .3s ease,transform .2s ease;border:none;overflow:hidden}.card-info{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .4s ease,opacity .4s ease}.card-avatar{width:220px;height:220px;transition:transform .4s ease;margin-bottom:1rem}.card-social{transform:translateY(200%);gap:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;opacity:0;text-align:center;transition:transform .4s ease,opacity .4s ease}.card-social p{font-size:.8em;font-weight:700;color:#0b1215}.card-social__item svg{display:block;height:18px;width:18px;fill:#515f65;cursor:pointer;transition:fill .4s ease,transform .4s ease}.card-title{font-size:1.2em;font-weight:700;line-height:2rem}.card-subtitle,.card-title{color:#0b1215;text-align:center}.card-subtitle{font-size:.8em}.card:hover{box-shadow:0 8px 50px #23232333}.card:hover .card-info{transform:translateY(-5%)}.card:hover .card-subtitle,.card:hover .card-title{display:none}.card:hover .card-social{transform:translateY(0);opacity:1}.card-social__item svg:hover{fill:#232323;transform:scale(1.1)}.card-avatar:hover{transform:scale(1.1)}@media (max-width:1919px){.card-avatar{height:150px;width:150px}}@media (max-width:1600px){.card-avatar{height:150px;width:150px}}@media (max-width:992px){.card-avatar{height:150px;width:150px}.card{height:280px}.card-social p{font-size:.8em;font-weight:700;color:#0b1215}}@media (max-width:576px){.card-avatar{height:125px;width:125px}.card{height:250px}}