body{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.5}body,html{height:100%}html{overflow:auto}.layout{padding-left:20px;padding-right:20px}.header{position:absolute;top:0;width:90%;max-width:760px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;z-index:1;height:80px}.header a{color:#fff;text-decoration:none}.nav__link{margin-left:20px}.underline{border-bottom:2px dashed #fec929}#banner{position:absolute;left:0;top:0;background:#6200ee;z-index:0;width:100%;height:250px;overflow:hidden}#banner #head{max-width:400px;color:#fff;position:relative;top:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}#banner #head img{position:relative;top:-40px;z-index:0}#banner #head h1{position:absolute;top:10px;width:100%;left:50%;text-shadow:#666 0 0 10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#slot{position:relative;top:260px;width:100%;min-height:100%;max-width:900px;margin:0 auto 100px}.route-enter-active{-webkit-animation:breezeIn .75s;animation:breezeIn .75s}.route-leave-active{-webkit-animation:breezeOut .25s;animation:breezeOut .25s}footer{text-align:center;margin-bottom:-200px;position:relative;top:200px}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:3px 7px;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#abf}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.post-list{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.post-head{padding:20px 20px 5px;background:linear-gradient(60deg,#60e 60%,#fec929);color:#fff}.post-head .post-info{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.post-head .title{display:block;color:#fec929}.post-content{padding:10px}#intro-container{display:grid;grid-template-columns:auto 40%;grid-gap:40px;width:100%;min-height:100px;margin-bottom:10px}@media (max-width:700px){#intro-container{grid-template-columns:auto}}#intro-text{text-align:center;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);border-radius:10px;padding-bottom:10px}#intro-text ul{display:grid;grid-template-columns:auto;grid-gap:2px;list-style:none;margin-left:-30px}#intro-text p{padding:5px}#intro-text p a{text-decoration:none;font-weight:600;padding-bottom:1px;color:#60e}#intro-text p a:hover{border-bottom:2px dashed #fec929}#intro-text .avatar{width:100%;padding-top:10px;height:50px;margin-bottom:60px}#intro-text .avatar img{width:100px;margin:0 auto;position:relative;top:0;border-radius:50px}#intro-text button{border:none;background:#60e;padding:10px;cursor:pointer;margin-left:5px;margin-bottom:5px;margin-right:5px;border-radius:5px}#intro-text button a{text-decoration:none;color:#fff;text-transform:uppercase}#intro-text button:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}#intro-skills ul{display:grid;grid-template-columns:auto auto;grid-gap:10px;margin-left:-20px;margin-right:20px;list-style:none}@media (max-width:700px){#intro-skills ul{grid-template-columns:auto auto auto}}#intro-skills li{text-align:center;border-radius:10px;border-bottom:2px solid #fec929}.posts[data-v-81191aea]{display:grid;grid-template-columns:auto auto;grid-gap:20px}@media (max-width:600px){.posts[data-v-81191aea]{grid-template-columns:auto}}.project-list{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.project-head{padding:10px 10px 5px 20px;background:linear-gradient(60deg,#60e 60%,#fec929);color:#fff}.project-head .project-info{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.project-head .title{display:inline-block;color:#fec929}.project-head a{text-decoration:none;background:#60e;padding:5px;color:#fff;text-transform:capitalize;border-radius:5px}.project-head a:hover{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.project-content{padding:10px;display:-webkit-box;display:flex;min-height:150px;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.project-content .description{-webkit-box-flex:1;flex:1 0 auto}.project-content .skills{flex-shrink:0}#project-container{padding-top:20px;display:grid;grid-template-columns:50% auto;grid-gap:20px}@media (max-width:850px){#project-container{grid-template-columns:auto}}input{display:block;border:1px solid #eee;border-bottom:2.5px solid #60e;padding:10px 20px;-webkit-transition:border .5s ease-in-out;transition:border .5s ease-in-out;width:300px;font-size:17px;border-radius:10px;margin:20px auto}input:focus{outline:none;border:solid #60e;border-width:1px 1px 2.5px}.project-enter-to{-webkit-animation:breezeIn .45s;animation:breezeIn .45s}.project-leave-to{-webkit-animation:breezeOut .25s;animation:breezeOut .25s}@-webkit-keyframes breezeIn{0%{opacity:0;-webkit-transform:scale(1.01);transform:scale(1.01)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes breezeIn{0%{opacity:0;-webkit-transform:scale(1.01);transform:scale(1.01)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes breezeOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.01);transform:scale(1.01)}}@keyframes breezeOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(1.01);transform:scale(1.01)}}.post-date{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.post-title{text-align:center}.post-content,.post-title{max-width:700px;margin:0 auto}.lang{top:10px;padding:5px 5px 5px 10px;font-weight:500;font-size:15px;border-radius:5px 5px 0 0}.lang,blockquote{position:relative;background:#eee}blockquote{width:60%;margin:50px auto;color:#555;padding:1.2em 30px 1.2em 75px;border-left:8px solid #fec929}blockquote:before{font-family:Arial;content:"\201C";color:#fec929;font-size:4em;position:absolute;left:10px;top:-10px}blockquote:after{content:""}.comments{margin-top:50px;padding-top:50px;border-top:2px dashed #fec929}