*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:sans-serif;background:url(https://imgapi.cn/bing.php);background-size:cover;display:flex;align-items:center;justify-content:center;min-height:100vh}.card{position:relative;overflow:hidden;text-align:center;box-shadow:0 0 10px #146ec273}.section{padding:60px 40px;background:#74b9ffaa}.message,.notif{position:absolute;top:40px;font-size:24px;cursor:pointer;color:#fff}.message{right:40px}.notif{left:40px}.pic{position:relative;width:150px;height:150px;margin:auto auto 20px auto;padding:4px;border:2px solid #6a89cc;border-radius:50%}.pic img{width:100%;height:100%;border-radius:50%}.pic::before{content:"";width:100%;height:100%;position:absolute;border:1px solid #3c6382;left:0;top:0;box-sizing:border-box;border-radius:50%;animation:animate 1.5s linear infinite}@keyframes animate{to{transform:scale(1.5);opacity:0}}.name{color:#f1f1f1;font-size:28px;letter-spacing:2px;text-transform:inherit}.tag{font-size:18px;color:#222}.bottom-section{position:relative;display:flex;justify-content:center;align-items:center;background-color:#f1f1f1;padding:60px 40px;font-size:28px;text-transform:inherit}.border{width:1px;height:20px;background:#bbb;margin:0 30px}.bottom-section span{font-size:14px;display:block}.social-media{position:absolute;width:100%;top:-30px;left:0;z-index:1}.social-media i{position:relative;width:60px;height:60px;background:#2980b9;border-radius:50%;color:#f1f1f1;font-size:24px;line-height:60px!important;margin:0 10px}.social-media i::after{content:"";width:100%;height:100%;position:absolute;border:1px solid #e74c3c;left:0;top:0;box-sizing:border-box;border-radius:50%;z-index:-1;transform:scale(.9);transition:.4s linear}.social-media i:hover::after{transform:scale(1.5);opacity:0}