body{margin:20px;font-family:Arial,Helvetica,sans-serif,Geneva,Tahoma,sans-serif}.avatar{width:150px;border:3px solid #98c1d9;border-radius:100px}.card{width:400px;margin:0 auto;padding:20px;display:flex;justify-content:space-around;text-align:center;background:#ee6c4d;color:#e0fbfc;border-bottom:6px solid #3d5a80;border-left:6px solid #98c1d9;border-radius:10px}.border-blue{border:1px dotted blue}h3{animation-name:animated;animation-duration:4s;animation-iteration-count:infinite;font-size:16px}.info{margin-top:12px}@keyframes animated{0%{color:#293241}25%{color:#e0fbfc}50%{color:#98c1d9}to{color:#3d5a80}}