body{margin:20px;font-family:serif}.avatar{width:150px}.card{width:400px;margin:0 auto;padding:20px;display:flex;justify-content:space-around;text-align:center;background:#fff3b0;color:#e09f3e;border-bottom:6px solid #d8cefe;box-shadow:5px 5px 10px #0000004d;background-color:fff3b0;transition:all .4s ease-in-out;animation:fadeInUp .8s ease-out}.card:hover{transform:translateY(-10px);box-shadow:0 18px 35px #00000059;background-color:#9e2a2b;border-bottom:6px solid #b7a4e6;animation:pulse .4s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.border-blue{border:1px dotted blue}