*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5}.btn,.social-icons a,.wrapper,.wrapper .img-area{background:#ecf0f3;box-shadow:-3px -3px 7px #fff,3px 3px 5px #ceced1}.wrapper{position:relative;width:350px;padding:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.wrapper .icon{font-size:17px;color:#31344b;position:absolute;cursor:pointer;opacity:.7;top:15px;height:35px;width:35px;text-align:center;line-height:35px;border-radius:50%;font-size:16px}.wrapper .icon i{position:relative;z-index:9}.wrapper .icon.arrow{left:15px}.wrapper .icon.dots{right:15px}.wrapper .img-area{height:150px;width:150px;border-radius:50%;display:flex;align-items:center;justify-content:center}.img-area .inner-area{height:calc(100% - 10px);width:calc(100% - 10px);border-radius:50%}.inner-area img{height:100%;width:100%;border-radius:50%;object-fit:cover}.wrapper .name{font-size:23px;font-weight:500;color:#31344b;margin:10px 0 5px 0}.wrapper .about{color:#44476a;font-weight:400;font-size:16px}.wrapper .social-icons{margin:15px 0 25px 0}.social-icons a{position:relative;height:40px;width:40px;margin:0 5px;display:inline-flex;text-decoration:none;border-radius:50%}.btn:hover:before,.social-icons a:hover::before,.wrapper .icon:hover::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#ecf0f3;box-shadow:inset -3px -3px 7px #fff,inset 3px 3px 5px #ceced1}.btn:hover:before{z-index:-1;border-radius:5px}.social-icons a i{position:relative;z-index:3;text-align:center;width:100%;height:100%;line-height:40px}.social-icons a.linkedin i{color:#4267b2!important}.social-icons a.github i{color:#081014!important}.social-icons a.insta i{color:#e1306c!important}.social-icons a.telegram i{color:#102758!important}.social-icons a.whatsapp i{color:#00920c!important}.wrapper .buttons{display:flex;width:100%;justify-content:space-between}.btn{position:relative;width:94%;border:none;outline:0;padding:12px 0;color:#31344b;font-size:17px;font-weight:400;border-radius:5px;cursor:pointer;z-index:4;margin:0}.btn:first-child{margin-right:10px}.btn:last-child{margin-left:10px}.wrapper .social-share{padding:0 10%;display:flex;width:100%;margin-top:30px;justify-content:space-between}.social-share .row{margin:0;color:#31344b;font-size:17px;cursor:pointer;position:relative}.social-share .row::before{position:absolute;content:"";height:100%;width:2px;background:#e0e6eb;margin-left:-25px}.row:first-child::before{background:0 0}.social-share .row i.icon-2{position:absolute;left:0;top:50%;color:#31344b;transform:translateY(-50%);opacity:0;pointer-events:none;transition:all .3s ease}.row:nth-child(1):hover i.fa-heart,.row:nth-child(2):hover i.fa-comment{opacity:1;pointer-events:auto}.button_up{margin:0 5px 5px 0!important}.button_down{margin:5px 5px 0 0!important}