.lightwebbadgemessage[data-badge]:after{content:attr(data-badge);border:2px solid #fff;position:absolute;top:-5px;left:-5px;font-size:.7em;background:red;color:#fff;width:20px;height:20px;text-align:center;line-height:17px;border-radius:50%;box-shadow:0 0 1px #333}.about-avatar{text-align:center;border:2px solid #fff;width:100px;height:100px;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 19px 0 rgba(50,50,50,.45);-moz-box-shadow:0 0 19px 0 rgba(50,50,50,.45);box-shadow:0 0 19px 0 rgba(50,50,50,.45)}.lightwebball{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:bounce 1.2s;-webkit-animation-delay:.5s;-moz-animation:bounce 1.2s;-moz-animation-delay:.5s;animation:bounce 1.2s;animation-delay:.5s;animation:fadeIn 3s;display:none}.lightwebball:hover{-webkit-animation:bounce 1.2s;-moz-animation:bounce 1.2s;animation:bounce 1.2s}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0)}20%{-webkit-transform:translateY(-120%) rotate(20deg)}30%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-25%)}50%{-webkit-transform:translateY(0)}60%{-webkit-transform:translateY(-12%)}70%{-webkit-transform:translateY(0)}80%{-webkit-transform:translateY(-6%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounce{0%{-moz-transform:translateY(0)}20%{-moz-transform:translateY(-120%) rotate(20deg)}30%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-25%)}50%{-moz-transform:translateY(0)}60%{-moz-transform:translateY(-12%)}70%{-moz-transform:translateY(0)}80%{-moz-transform:translateY(-6%)}100%{-moz-transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(-120%) rotate(20deg)}30%{transform:translateY(0)}40%{transform:translateY(-25%)}50%{transform:translateY(0)}60%{transform:translateY(-12%)}70%{transform:translateY(0)}80%{transform:translateY(-6%)}100%{transform:translateY(0)}}