.UserShapka:before{content:"";width:100%;border-radius:40px;height:100%;top:0;position:absolute;background:inherit;filter:contrast(50%) blur(20px);-webkit-filter:contrast(50%) blur(20px);z-index:-1;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px}.UserShapka{position:relative;width:100%;height:400px;background-color:#111;background-size:cover;background-position:50%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#fdfdfd}.UserShapka .MyContactsBox{z-index:15;position:absolute;left:0}.UserShapka .MyContactsBox .MyContacts{flex-direction:column-reverse}.UserShapka .ImageBlock{padding:40px;width:50%;max-width:350px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:200px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserShapka .ImageBlock img{filter:hue-rotate(.9turn);width:100%;max-width:350px;height:100%;border-radius:200px;-webkit-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border:6px solid #111;object-fit:cover;-webkit-filter:hue-rotate(.9turn)}.UserShapka .TextBlockBox{z-index:11;height:100%;width:100%;min-width:475px;display:flex;align-items:center;justify-content:end;background-color:transparent}.UserShapka .TextBlock{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:end;color:#fdfdfd;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserShapka .TextBlock .glitch:after,.UserShapka .TextBlock .glitch:before{opacity:1}.UserShapka .TextBlock .userName{font-size:4.5rem}.UserShapka .TextBlock .about{position:absolute;font-size:1.7rem;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px)}@media screen and (max-width:1040px){.UserShapka{height:250px}.UserShapka .ImageBlock{padding:20px;max-width:200px}.UserShapka .TextBlockBox{min-width:300px}.UserShapka .TextBlock .userName{font-size:2.5rem}.UserShapka .TextBlock .about{font-size:1.3rem;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}}@media screen and (max-width:624px){.UserShapka{height:200px}.UserShapka .MyContactsBox{bottom:0}.UserShapka .MyContactsBox .MyContacts{flex-direction:row}.UserShapka .ImageBlock{padding:10px;max-width:140px;min-width:140px}.UserShapka .ImageBlock img{transform:translateY(100px) translateX(-10%);-webkit-transform:translateY(100px) translateX(-10%);-moz-transform:translateY(100px) translateX(-10%);-ms-transform:translateY(100px) translateX(-10%);-o-transform:translateY(100px) translateX(-10%)}.UserShapka .TextBlockBox{min-width:200px}.UserShapka .TextBlock{transform:translateX(100px);-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px)}.UserShapka .TextBlock .userName{font-size:2rem}.UserShapka .TextBlock .about{font-size:1rem;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}}