.UserCardStartPage:before{transition:.3s;content:"";height:100%;top:0;position:absolute;background:inherit;filter:contrast(50%) grayscale(100%) blur(10px);-webkit-filter:contrast(50%) grayscale(100%) blur(10px);z-index:-1;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserCardStartPage,.UserCardStartPage:before{width:100%;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px}.UserCardStartPage{position:relative;margin:50px;height:350px;min-width:700px;max-width:950px;background-color:#111;background-size:cover;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fdfdfd}.UserCardStartPage:hover .TextBlock{rotate:-15deg}.UserCardStartPage:hover .TextBlock .userName{font-size:65px}.UserCardStartPage:hover .TextBlock .about{opacity:1;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}.UserCardStartPage:hover .ImageBlock a{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.UserCardStartPage:hover .ImageBlock img:before{content:"";background-color:transparent}.UserCardStartPage:hover .glitch:after,.UserCardStartPage:hover .glitch:before{opacity:1}.UserCardStartPage:hover .Effect{opacity:0;width:0}.UserCardStartPage:hover:before{filter:contrast(80%) grayscale(0) blur(25px);-webkit-filter:contrast(80%) grayscale(0) blur(25px)}.UserCardStartPage .TextBlock a{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:end;align-items:end;position:relative;color:#fdfdfd;text-decoration:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserCardStartPage .Effect{z-index:12;border-radius:40px;opacity:1;transition:.2s;position:absolute;width:100%;height:100%;background-color:#111;mix-blend-mode:hue;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px}.UserCardStartPage .ImageBlock{z-index:10;padding:20px;position:relative;width:100%;max-width:300px;overflow:hidden}.UserCardStartPage .ImageBlock,.UserCardStartPage .ImageBlock a{height:100%;display:flex;justify-content:center;align-items:center}.UserCardStartPage .ImageBlock a{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;width:95%}.UserCardStartPage .ImageBlock a,.UserCardStartPage .ImageBlock img{border-radius:200px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserCardStartPage .ImageBlock img{filter:hue-rotate(.9turn);-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;-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)}.UserCardStartPage .TextBlockBox{z-index:11;padding:20px;height:100%;width:100%;min-width:475px;display:flex;align-items:center;justify-content:center;background-color:transparent}.UserCardStartPage .TextBlock{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.UserCardStartPage .TextBlock a{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.UserCardStartPage .TextBlock a .userName{font-size:40px}.UserCardStartPage .TextBlock a .about{position:absolute;font-size:20px;opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}@media screen and (max-width:930px){.UserCardStartPage{width:80%;min-width:360px;max-width:800px;height:300px;flex-direction:column-reverse}.UserCardStartPage:hover .TextBlockBox .TextBlock{rotate:-10deg;transform:translateX(10%) translateY(-30%);-webkit-transform:translateX(10%) translateY(-30%);-moz-transform:translateX(10%) translateY(-30%);-ms-transform:translateX(10%) translateY(-30%);-o-transform:translateX(10%) translateY(-30%)}.UserCardStartPage:hover .TextBlockBox .TextBlock .userName{font-size:35px}.UserCardStartPage:hover .TextBlockBox .TextBlock .about{font-size:14px}.UserCardStartPage:hover .ImageBlock a{width:180px;height:180px;transform:translateX(-45%) translateY(5px);-webkit-transform:translateX(-45%) translateY(5px);-moz-transform:translateX(-45%) translateY(5px);-ms-transform:translateX(-45%) translateY(5px);-o-transform:translateX(-45%) translateY(5px)}.UserCardStartPage .ImageBlock{height:400px;max-width:100%;padding:0}.UserCardStartPage .ImageBlock a{width:140px;transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px)}.UserCardStartPage .TextBlockBox{height:70px;min-width:300px;padding:0}.UserCardStartPage .TextBlockBox .TextBlock{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px)}.UserCardStartPage .TextBlockBox .TextBlock .userName{font-size:25px}}