@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(max-width:767px){.visible-xs-block{display:block!important}}@media(max-width:767px){.visible-xs-inline{display:inline!important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media(min-width:768px)and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:768px)and (max-width:991px){.visible-sm-block{display:block!important}}@media(min-width:768px)and (max-width:991px){.visible-sm-inline{display:inline!important}}@media(min-width:768px)and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media(min-width:992px)and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:992px)and (max-width:1199px){.visible-md-block{display:block!important}}@media(min-width:992px)and (max-width:1199px){.visible-md-inline{display:inline!important}}@media(min-width:992px)and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media(min-width:1200px){.visible-lg-block{display:block!important}}@media(min-width:1200px){.visible-lg-inline{display:inline!important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media(max-width:767px){.hidden-xs{display:none!important}}@media(min-width:768px)and (max-width:991px){.hidden-sm{display:none!important}}@media(min-width:992px)and (max-width:1199px){.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}.container{margin:0 auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto}.col,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px}.col,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media(min-width:768px){.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media(min-width:992px){.col,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media(min-width:1200px){.col,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}.clearfix,.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mdcontainer{position:relative}.mdcontainer p,h1,h2,h3,h4,h5,h6{margin:.75em 0}.mdcontainer strong,h1,h2,h3,h4,h5{font-family:"myCabinBold",var(--base-font-family)}.mdcontainer h6{font-size:10pt}.mdcontainer h5{font-size:14pt}.mdcontainer h4{font-size:16pt}.mdcontainer h3{margin-top:1.25em;font-size:18pt}.mdcontainer h2{margin-top:1.5em;font-size:22pt}.mdcontainer h1{font-size:30pt}.mdcontainer a,.mdcontainer a:visited{color:var(--accent-color)}.mdcontainer summary{color:var(--accent-color)}.mdcontainer summary:hover{cursor:pointer}.mdcontainer>ol li,.mdcontainer>ul li{margin-left:2em}.mdcontainer img{display:block;margin:0 auto;max-width:100%}.mdcontainer iframe{width:100%}.mdcontainer code{background:#efefef}.mdcontainer blockquote{padding-left:var(--space-m);border-left:2px solid lightgrey}.mdToc ul{margin-left:2em}html{background-color:var(--background-color);font-family:var(--base-font-family);font-size:var(--base-font-size);line-height:var(--base-line-height);color:var(--black)}*::selection{background:var(--selection-color)}.clickable:hover{cursor:pointer;color:var(--accent-color);transition:color .1s ease-in}.content-all{margin:var(--space-l) auto 0;padding:0 var(--space-s);max-width:540px}.mainColumn{margin-top:var(--space-s);padding-top:var(--space-ms);border-top:1px solid var(--accent-color)}.sideColumn{padding-bottom:var(--space-s)}.avatar{width:120px;margin:0 auto var(--space-ms)}.p5container>div>canvas{z-index:-10;position:fixed;top:0;left:0}#content-left{padding-bottom:15px}#content-left>#avatar{text-align:center}#avatar{width:120px;margin:0 auto 20px;text-align:center}#name{font-size:26pt;font-family:myCabinBold,sans-serif;margin-bottom:16px;text-align:center}#intro{margin-top:0;margin-bottom:20px}.social{margin:0 6px 10px}#social{margin-bottom:20px}.half{display:inline-block;width:50%}.right{text-align:right}.snippet-container{max-width:100%;margin:0 auto}.snippet{position:relative;background:#fff;display:block;margin:var(--space-m) auto;max-width:100%;box-shadow:0 1px 3px #00000026;transition:.1s}.snippet:hover{box-shadow:0 2px 6px #0000004d;transition:.15s}.snippet>img{background:#fff;width:100%}.caption{padding:var(--space-s) var(--space-ms)}.caption-title{top:var(--space-s);right:var(--space-s);color:var(--black);font-size:15pt;font-family:myCabinBold,sans-serif;margin-bottom:.15em}.caption-time{font-size:var(--small-font-size);font-family:var(--small-font-family);color:var(--grey-color);margin-bottom:var(--space-s)}.caption-content{letter-spacing:.02em;top:48px;right:var(--space-s);color:var(--black)}.caption-content>*>p{margin-bottom:.5em}.footer{margin-top:80px;margin-bottom:10px;text-align:center;font-size:var(--small-font-size);font-family:var(--small-font-family);color:var(--grey-color)}.border{border:1px solid white}@media(min-width:768px){.content-all{width:750px;padding:0;margin:80px auto;max-width:100%}#content-left{position:fixed;width:250px;padding-bottom:0;padding-right:60px}}@media(min-width:1200px){.content-all{width:1050px}#content-left{width:350px}.snippet{margin:0 auto 40px;min-height:180px}.snippet>img{position:absolute;width:270px;height:180px;top:-10px;right:24px;padding:0;box-shadow:0 1px 2px #00000026}.caption{padding:var(--space-m) 32px;max-width:406px}}#intro>*{text-align:left}.about-content{margin:0 auto;max-width:750px}.project-content{background:#fff;padding:var(--space-ml);box-shadow:0 3px 5px #00000026}.toc{display:none;z-index:10;line-height:2em}.toc ul{list-style-type:none}.toc li{margin-left:1em}.project-title{font-size:20pt;font-family:myCabinBold,sans-serif;text-align:center;margin-bottom:20px}@media(min-width:768px){.project-content{padding:var(--space-l)}.project-title{margin-bottom:40px}}@media(min-width:1200px){.toc{display:block;width:14%;position:fixed;left:81%}}.gallery{margin-top:20px;width:100%}.gallery-img{margin:22px auto}.gallery-img>img{margin:0;max-width:100%}.img-halfl{display:inline-block;width:49%;margin:11px 1% 11px 0}.img-halfr{display:inline-block;width:49%;margin:11px 0 11px 1%}#attach-box,#attach-box>*{width:100%}#attach-box>a:hover{cursor:pointer;color:var(--accent-color);transition:color .1s ease-in}#text-box{margin:40px 0}.back{font-family:myCabinBold,sans-serif;position:fixed;top:6px;left:10px;padding:2px 6px;background-color:#fff;border-radius:2px}.toc *{line-height:1.5em}@media(min-width:768px){.back{background-color:transparent}}@font-face{font-family:myCabin;src:url(https://miyehn.me/resource/cabin/Cabin-Regular.otf)}@font-face{font-family:myCabinBold;src:url(https://miyehn.me/resource/cabin/Cabin-SemiBold.otf)}@font-face{font-family:myLato;src:url(https://miyehn.me/resource/Lato/Lato-Regular.ttf)}@font-face{font-family:myNunitoSans;src:url(https://miyehn.me/resource/Nunito_Sans/NunitoSans-SemiBold.ttf)}:root{--chinese-font-family: "Microsoft YaHei UI", "SimHei";--fallback-font-family: Helvetica, Arial, var(--chinese-font-family), "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft JhengHei", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;--base-font-family: "myNunitoSans", var(--fallback-font-family);--code-font-family: "inconsolata", Consolas, monospace, sans-serif;--small-font-family: "myNunitoSans", var(--base-font-family);--base-font-size: 11pt;--small-font-size: 9.5pt;--big-font-size: 14pt;--base-line-height: 1.5em;--space-s: 12px;--space-ms:18px;--space-m: 24px;--space-ml:30px;--space-l: 84px;--material-red: #f44336;--material-pink: #E91E63;--material-purple: #9c27b0;--material-deep-purple: #673ab7;--material-indigo: #3f51b5;--material-blue: #2196f3;--material-teal: #009688;--material-green: #4caf50;--material-light-green: #8bc34a;--material-orange: #ff9800;--material-deep-orange: #ff5722;--material-brown: #795548;--material-blue-grey: #607d8b;--material-grey: #9e9e9e;--material-yellow: #FFEB3B;--github-color: #467cc2;--twitter-color: #55acee;--facebook-color: #3765a3;--google-color: #db4437;--pinterest-color: #bc1725;--dribbble-color: #ed699c;--weibo-color: #f8712a;--tumblr-color: #35465c;--instagram-color: #3f729b;--linkedin-color: #0077B5;--behance-color: #1769FF;--tixora-color: #33475A;--dark: #202020;--black: #404040;--white: #f5f5f5;--background-color: #F8F7F4;--brand-color: #7EA634;--accent-color: var(--material-green);--selection-color: #DCF1C6;--grey-color: #b3b3b3;--min-sm: 600px;--min-md: 992px;--min-lg: 1200px}*{margin:0;padding:0;border:none;background:transparent}*:focus{outline:none}img{display:block}a{text-decoration:none;color:var(--black)}a:visited{color:var(--black);transition:color .1s ease-in}