html[data-v-7ba5bd90]{line-height:1.15;-webkit-text-size-adjust:100%}body[data-v-7ba5bd90]{margin:0}main[data-v-7ba5bd90]{display:block}h1[data-v-7ba5bd90]{font-size:2em;margin:.67em 0}hr[data-v-7ba5bd90]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre[data-v-7ba5bd90]{font-family:monospace,monospace;font-size:1em}a[data-v-7ba5bd90]{background-color:transparent}abbr[title][data-v-7ba5bd90]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b[data-v-7ba5bd90],strong[data-v-7ba5bd90]{font-weight:bolder}code[data-v-7ba5bd90],kbd[data-v-7ba5bd90],samp[data-v-7ba5bd90]{font-family:monospace,monospace;font-size:1em}small[data-v-7ba5bd90]{font-size:80%}sub[data-v-7ba5bd90],sup[data-v-7ba5bd90]{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub[data-v-7ba5bd90]{bottom:-.25em}sup[data-v-7ba5bd90]{top:-.5em}img[data-v-7ba5bd90]{border-style:none}button[data-v-7ba5bd90],input[data-v-7ba5bd90],optgroup[data-v-7ba5bd90],select[data-v-7ba5bd90],textarea[data-v-7ba5bd90]{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button[data-v-7ba5bd90],input[data-v-7ba5bd90]{overflow:visible}button[data-v-7ba5bd90],select[data-v-7ba5bd90]{text-transform:none}[type=button][data-v-7ba5bd90],[type=reset][data-v-7ba5bd90],[type=submit][data-v-7ba5bd90],button[data-v-7ba5bd90]{-webkit-appearance:button}[type=button][data-v-7ba5bd90]::-moz-focus-inner,[type=reset][data-v-7ba5bd90]::-moz-focus-inner,[type=submit][data-v-7ba5bd90]::-moz-focus-inner,button[data-v-7ba5bd90]::-moz-focus-inner{border-style:none;padding:0}[type=button][data-v-7ba5bd90]:-moz-focusring,[type=reset][data-v-7ba5bd90]:-moz-focusring,[type=submit][data-v-7ba5bd90]:-moz-focusring,button[data-v-7ba5bd90]:-moz-focusring{outline:1px dotted ButtonText}fieldset[data-v-7ba5bd90]{padding:.35em .75em .625em}legend[data-v-7ba5bd90]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress[data-v-7ba5bd90]{vertical-align:baseline}textarea[data-v-7ba5bd90]{overflow:auto}[type=checkbox][data-v-7ba5bd90],[type=radio][data-v-7ba5bd90]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number][data-v-7ba5bd90]::-webkit-inner-spin-button,[type=number][data-v-7ba5bd90]::-webkit-outer-spin-button{height:auto}[type=search][data-v-7ba5bd90]{-webkit-appearance:textfield;outline-offset:-2px}[type=search][data-v-7ba5bd90]::-webkit-search-decoration{-webkit-appearance:none}[data-v-7ba5bd90]::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details[data-v-7ba5bd90]{display:block}summary[data-v-7ba5bd90]{display:list-item}[hidden][data-v-7ba5bd90],template[data-v-7ba5bd90]{display:none}html[data-v-7ba5bd90]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}[data-v-7ba5bd90],[data-v-7ba5bd90]:after,[data-v-7ba5bd90]:before{margin:0;padding:0;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body[data-v-7ba5bd90]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#222;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}h1[data-v-7ba5bd90]{font-size:41.6px}h2[data-v-7ba5bd90]{font-size:33.6px}h3[data-v-7ba5bd90]{font-size:27.2px}h4[data-v-7ba5bd90]{font-size:20px}h5[data-v-7ba5bd90]{font-size:16px}h6[data-v-7ba5bd90]{font-size:13.6px}p[data-v-7ba5bd90]{font-size:16px;line-height:1.4}.container[data-v-7ba5bd90]{width:100%;height:100%;position:absolute;min-width:720px;left:0;top:0;overflow-y:hidden}.container .item[data-v-7ba5bd90]{position:absolute;top:28%;left:20px;height:360px;-webkit-border-radius:80px;border-radius:80px;background:rgba(0,0,0,.1);z-index:9999}.container .item .link[data-v-7ba5bd90],.container .item[data-v-7ba5bd90]{-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.container .item .link[data-v-7ba5bd90]{width:60px;line-height:60px;font-size:12px;text-align:center;display:block;cursor:pointer;color:#fff;text-decoration:none}.container .item .active-link[data-v-7ba5bd90],.container .item .link[data-v-7ba5bd90]:hover{color:#000}.container .cricle[data-v-7ba5bd90]{height:60px;width:60px;-webkit-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.1);color:#fff;position:absolute;top:48%;left:20px;font-size:12px;line-height:60px;text-align:center;cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.container .cricle[data-v-7ba5bd90]:hover{color:#000}.v-enter[data-v-7ba5bd90]{opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);position:absolute}.v-leave-to[data-v-7ba5bd90]{opacity:1;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);position:absolute}.v-enter-active[data-v-7ba5bd90],.v-leave-active[data-v-7ba5bd90]{-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}.index[data-v-1badc801]{height:100%;width:100%;text-align:center;background:#ebebeb}.index .box[data-v-1badc801]{height:80%;width:80%;margin:0 auto;position:relative;top:10%}.index .box .avatar[data-v-1badc801]{margin-top:40px;height:150px;width:150px;-webkit-border-radius:50%;border-radius:50%;background:#fff}.index .box p[data-v-1badc801]{font-weight:700}.index .box hr[data-v-1badc801]{border:1.5px solid #fff}.index .box .email[data-v-1badc801]{font-family:Courier New,Courier,monospace}.introduction[data-v-6eb0d29b]{width:100%;height:100%;min-width:728px;text-align:center;background:#4d5e8f;color:#fff}.introduction .box[data-v-6eb0d29b]{height:80%;width:80%;margin:0 auto;position:relative;top:10%;padding-top:50px}.introduction .box h1[data-v-6eb0d29b]{margin:0}.introduction .box .info>div[data-v-6eb0d29b]{display:inline-block;margin:20px 100px}.introduction .box .info>div .img[data-v-6eb0d29b]{width:60px;height:60px;margin-bottom:10px}.introduction .box .des[data-v-6eb0d29b]{margin-top:50px;height:30px;line-height:30px}.skill[data-v-61c402c8]{width:100%;height:100%;background:#c09f8d;text-align:center}.skill .box[data-v-61c402c8]{height:80%;width:80%;margin:0 auto;position:relative;top:10%}.skill .box h1[data-v-61c402c8]{margin:0 0 40px}.skill .box .main[data-v-61c402c8]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.skill .box .main .photo[data-v-61c402c8]{width:50%;color:#fff}.skill .box .main .photo .html-pho[data-v-61c402c8]{background:rgba(199,84,84,.4)}.skill .box .main .photo .css-pho[data-v-61c402c8]{background:rgba(233,233,35,.4)}.skill .box .main .photo .js-pho[data-v-61c402c8]{background:rgba(23,0,66,.4)}.skill .box .main .photo .es6-pho[data-v-61c402c8]{background:rgba(31,162,223,.4)}.skill .box .main .photo .node-pho[data-v-61c402c8]{background:rgba(226,16,33,.4)}.skill .box .main .photo .vue-pho[data-v-61c402c8]{background:rgba(0,155,34,.4)}.skill .box .main .photo>div[data-v-61c402c8]{width:80px;height:80px;-webkit-border-radius:50%;border-radius:50%;margin:30px;float:left;line-height:80px}.skill .box .main .des[data-v-61c402c8]{width:50%;margin-top:50px;line-height:50px;font-size:1.2em}.projects[data-v-25dc051b]{width:100%;height:100%;background:#caebf2;text-align:center}.projects .box[data-v-25dc051b]{height:80%;width:80%;margin:0 auto;position:relative;top:10%}.projects .box h1[data-v-25dc051b]{margin:0 0 50px}.projects .box .project[data-v-25dc051b]{width:160px;height:200px;display:inline-block;color:#000;font-weight:800;border:1px solid #000;text-decoration:none;padding:2px;margin:20px 40px 0 50px}.projects .box .project .project-pic[data-v-25dc051b]{width:100%;height:170px}.projects .box .more[data-v-25dc051b]{position:relative;bottom:-70px;left:50%;background:#000;width:50px;height:30px;line-height:30px;-webkit-border-radius:5px;border-radius:5px}.projects .box .more a[data-v-25dc051b]{text-decoration:none;color:#fff}.information[data-v-07cce375]{width:100%;height:100%;background:#df744a;text-align:center;min-width:728px}.information .box[data-v-07cce375]{height:80%;width:80%;margin:0 auto;position:relative;top:10%;padding-top:50px}.information .box h1[data-v-07cce375]{margin:0 0 50px}.information .box .motto[data-v-07cce375]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30px;line-height:30px}.information .box .contact[data-v-07cce375]{padding-top:150px}.information .box .contact img[data-v-07cce375]{border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;padding:10px;margin:20px;width:70px}