@import url('https://fonts.googleapis.com/css?family=Cairo:300');*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:break-word}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}body{font-size:14px;font-family:"Cairo","Microsoft Jhenghei","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","微软雅黑",sans-serif;color:#000;margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;width:100vw;background:#f4f7f6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{width:8px;height:0}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d2d7d3}::-webkit-scrollbar-thumb:hover{background:#bdc3c7}.container{max-width:500px;padding:0 20px;margin:0 auto}#wrapper,.card-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;width:100%}#wrapper{min-height:100vh}.card-container{height:100vh}.card-container .section-title{font-weight:lighter;color:#95a5a6;width:100%;font-size:1.5em;display:block}.card{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);background:#fff;text-align:center;width:100%;overflow:hidden;border-radius:4px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transition:transform .5s cubic-bezier(.25, .46, .45, .94);-moz-transition:transform .5s cubic-bezier(.25, .46, .45, .94);-ms-transition:transform .5s cubic-bezier(.25, .46, .45, .94);-o-transition:transform .5s cubic-bezier(.25, .46, .45, .94);position:relative}#card--user header{position:relative;margin-bottom:50px}#card--user header #background{width:100%;height:250px;position:relative;overflow:hidden}@media only screen and (max-width: 600px) and (max-height: 815px){#card--user header #background{height:200px}}#card--user header #background--image{position:absolute;top:0;left:0;width:100%;height:150%;background-size:cover !important;background-position:top center !important;background-repeat:no-repeat !important}#card--user header .avatar{margin:0;position:absolute;bottom:-50px;left:calc(50% - (100px) / 2);display:block}#card--user header .avatar img{width:100px;height:100px;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);border:2px solid #fff}#card--user .info{padding:5px 0 15px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-opacity:0;-moz-opacity:0;opacity:0}#card--user .info h1{font-size:2em;margin:0;font-weight:lighter}#card--user .info p{margin:0}#card--user .social-links{list-style:none;padding:0 15px 15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;flex-wrap:wrap;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-opacity:0;-moz-opacity:0;opacity:0}#card--user .social-links a{text-decoration:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;align-items:center;flex-basis:30%;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);padding:10px;flex-grow:1;margin:5px}@media only screen and (max-width: 600px) and (max-height: 815px){#card--user .social-links a{flex-basis:40%}}#card--user .social-links a.hide{display:none}#card--user .social-links a svg{margin-right:10px}#card--user .social-links a.twitter{background:#1da1f2}#card--user .social-links a.github{background:#333}#card--user .social-links a.flickr{background:#ff0084}#card--user .social-links a.blog{background:#16a085}#card--user .social-links a.telegram{background:#0088cc}#card--user .social-links a.medium{background:#00ab6c}div#loader{height:100vh;width:100vw;position:fixed;top:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;justify-content:center;align-items:center;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-opacity:1;-moz-opacity:1;opacity:1}.loaded #loader{-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.loaded .card{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.loaded #card--user .avatar img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.loaded #card--user .info{-webkit-opacity:1;-moz-opacity:1;opacity:1}.loaded #card--user .social-links{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-opacity:1;-moz-opacity:1;opacity:1}.spinner{width:40px;height:40px;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}