body{margin:0;padding:50px;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;font-family:Verdana,Geneva,Tahoma,sans-serif}.card{width:400px;padding:20px;display:flex;justify-content:space-around;align-items:center;text-align:center;background:#ddebf8;color:#2b2839;border-bottom:6px solid #d8cefe;border-radius:12px;box-shadow:0 4px 15px #0000001a;animation:slideIn .8s ease-out;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003;cursor:pointer}.avatar{width:150px;height:150px;object-fit:cover;border-radius:50%}.border-blue{border:3px dotted #2b2839}h3{margin:0;color:#2b2839}p{margin:5px 0;font-weight:lighter}h4{margin-top:10px;font-size:.8rem;color:#6a667d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}