/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.site-wrapper{transition:all .3s ease}.h-wrap,.menu-icon,.off-canvas,footer{padding:2em}*{margin:0;padding:0;box-sizing:border-box}*::after,*::before{box-sizing:border-box}html{width:100%;height:100%}body{font:1.15em "Overpass Mono",monospace;font-variant-ligatures:no-common-ligatures;color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:#222}@media (max-width: 942px){body{font-size:1.035em}}@media (max-width: 642px){body{font-size:.805em}}h1{font-size:250%;margin:.5em 0}h2{font-size:180%;font-style:italic;margin:1em 0 .5em}h3,.h-wrap h1.title,.off-canvas .bio h1{font-size:150%;font-weight:lighter;margin:1.5em 0 .5em}h4,h5,h6{font-size:80%;font-weight:bold;text-transform:uppercase;letter-spacing:3px;margin:3.5em 0 .5em;color:#fff}h5{text-align:center}h6{text-align:right}p{margin:1.3em 0;line-height:1.6}small{font-size:60%}ul li{list-style-type:circle}ol li{list-style-type:decimal}a{color:#7b68ee}a:hover{color:#fff}@font-face{font-family:'IcoMoon-Free';src:url("../assets/fonts/icomoon.ttf") format("truetype");font-weight:normal;font-style:normal}.icon-twitter,.icon-github,.icon-dribbble,.icon-instagram{font-family:'IcoMoon-Free';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-twitter:before{content:"\ea96"}.highlight{border-radius:6px;padding:0;background-color:#333;font-size:80%;overflow-x:auto;color:#fff}.highlight pre{padding:1em 1em}.highlight code{font-family:'Courier', monospace;font-size:120%;line-height:1.5}code:not([class]){font-family:'Courier', monospace;font-size:120%;line-height:1.5;background:#333;border-radius:0px;padding:0px}code{font-family:'Courier', monospace;font-size:100%;line-height:1.5;background:#333;border-radius:6px;padding:3px}.highlight .c{color:#586E75}.highlight .err{color:#fff}.highlight .g{color:#fff}.highlight .k{color:#859900}.highlight .l{color:#fff}.highlight .n{color:#fff}.highlight .o{color:#859900}.highlight .x{color:#CB4B16}.highlight .p{color:#fff}.highlight .cm{color:#586E75}.highlight .cp{color:#859900}.highlight .c1{color:#fff}.highlight .cs{color:#859900}.highlight .gd{color:#2AA198}.highlight .ge{color:#fff;font-style:italic}.highlight .gr{color:#DC322F}.highlight .gh{color:#CB4B16}.highlight .gi{color:#859900}.highlight .go{color:#fff}.highlight .gp{color:#fff}.highlight .gs{color:#fff;font-weight:bold}.highlight .gu{color:#CB4B16}.highlight .gt{color:#fff}.highlight .kc{color:#CB4B16}.highlight .kd{color:#268BD2}.highlight .kn{color:#859900}.highlight .kp{color:#859900}.highlight .kr{color:#268BD2}.highlight .kt{color:#DC322F}.highlight .ld{color:#fff}.highlight .m{color:#2AA198}.highlight .s{color:#2AA198}.highlight .na{color:#fff}.highlight .nb{color:#B58900}.highlight .nc{color:#268BD2}.highlight .no{color:#CB4B16}.highlight .nd{color:#268BD2}.highlight .ni{color:#CB4B16}.highlight .ne{color:#CB4B16}.highlight .nf{color:#268BD2}.highlight .nl{color:#fff}.highlight .nn{color:#fff}.highlight .nx{color:#fff}.highlight .py{color:#fff}.highlight .nt{color:#268BD2}.highlight .nv{color:#268BD2}.highlight .ow{color:#859900}.highlight .w{color:#fff}.highlight .mf{color:#2AA198}.highlight .mh{color:#2AA198}.highlight .mi{color:#2AA198}.highlight .mo{color:#2AA198}.highlight .sb{color:#586E75}.highlight .sc{color:#2AA198}.highlight .sd{color:#fff}.highlight .s2{color:#2AA198}.highlight .se{color:#CB4B16}.highlight .sh{color:#fff}.highlight .si{color:#2AA198}.highlight .sx{color:#2AA198}.highlight .sr{color:#DC322F}.highlight .s1{color:#2AA198}.highlight .ss{color:#2AA198}.highlight .bp{color:#268BD2}.highlight .vc{color:#268BD2}.highlight .vg{color:#268BD2}.highlight .vi{color:#268BD2}.highlight .il{color:#2AA198}header{width:100%;background:#222}.h-wrap h1.title{display:inline-block;margin:0;padding:0;font-weight:normal}.h-wrap h1.title a{color:#fff;text-decoration:none}.h-wrap h1.title a:hover{color:#7b68ee}.title-normal{display:inline}@media (max-width: 360px){.title-normal{display:none}}.title-small{display:none}@media (max-width: 360px){.title-small{display:inline}}.menu-icon{position:absolute;top:0;right:0;padding-top:45px}@media (max-width: 942px){.menu-icon{padding-top:40px}}@media (max-width: 642px){.menu-icon{padding-top:32px}}.menu-icon a{color:#fff;text-decoration:none}.menu-icon a:hover{color:#7b68ee}.menu-icon .back{text-align:center;border:2px solid #fff;border-radius:6px;padding:10px}.menu-icon .back:hover{border:2px solid #7b68ee}.menu-icon .back:after{vertical-align:-10%;content:'back to xdavidhu.me'}@media (max-width: 642px){.menu-icon .back:after{content:'xdavidhu.me'}}.site-wrapper{position:absolute;top:0;right:0;width:100%}.site-wrapper.open .menu-icon{position:fixed}.off-canvas{transition:transform .3s ease;position:fixed;top:0;right:-25em;width:25em;height:100%;background:#333;z-index:100;overflow:auto}@media (max-width: 399px){.off-canvas{max-width:320px}}.off-canvas.toggled{-webkit-transform:translateX(-25em);transform:translateX(-25em);border-left:1px solid #fff}.off-canvas .avatar{display:block;margin-bottom:1em}.off-canvas .avatar img{width:6em;height:6em;border-radius:50%}.off-canvas .bio{display:block}.off-canvas .bio h1{margin:0}.off-canvas .bio p{font-size:90%;color:#fff;margin-bottom:0}.off-canvas nav h6{text-align:left;margin-top:2em;margin-bottom:1em;color:#fff;padding-bottom:.5em;border-bottom:1px solid #fff}.off-canvas nav ul li{list-style-type:none;margin-bottom:.5em}.off-canvas nav ul li a{text-decoration:none}footer{width:100%;bottom:0;left:0;text-align:center}footer small{text-transform:uppercase}@media (max-width: 642px){footer{padding:1em}}.posts{overflow:hidden}.posts li{display:inline-block;width:100%;border-bottom:1px solid #634ceb}.posts li:first-child{border-top:1px solid #634ceb}.posts li .p-wrap{padding:2.5em 2em;transition:all .15s ease-in}.posts li .p-wrap:active{background:#6f5aec}.posts li .p-wrap:hover{background:#8776f0}.posts li .p-wrap:hover .inner{-webkit-transform:translateX(1em);-ms-transform:translateX(1em);transform:translateX(1em)}.posts li .p-wrap:hover .inner::after{content:'\2192';margin-left:.5em}@media (max-width: 942px){.posts li .p-wrap:hover .inner::after{content:none;margin:0}}@media (max-width: 942px){.posts li .p-wrap{padding:2em 2em}}.posts li .p-wrap p{display:inline;margin:.5em 0 0}.posts li .p-wrap .inner{transition:all .15s ease-in}.posts li time{color:#ffff;display:inline-block;padding-right:1em;width:auto}@media (max-width: 942px){.posts li time{display:block;padding-bottom:0.5em;width:auto}}.posts li .priority{text-align:center;border:2px solid #fff;border-radius:6px;padding:5px;padding-left:7px}@media (max-width: 942px){.posts li .priority{border:1px solid #fff;border-radius:6px;padding:3px;padding-left:5px;padding-bottom:5px}}@media (max-width: 642px){.posts li .priority{border:1px solid #fff;border-radius:6px;padding:3px;padding-left:5px}}.posts li a{color:white;text-decoration:none}.pagination{overflow:hidden;margin-top:40px;color:#fff;text-align:center;border:1px solid #fff}.pagination a,.pagination span{box-sizing:border-box;float:left;width:50%;padding:20px;text-decoration:none}.pagination a:first-child,.pagination span:first-child{text-decoration:none;border-right:1px solid #fff}.pagination a:hover{text-decoration:none;background-color:#262626}.feed-msg{text-align:center;padding:1em 0em}@media (max-width: 642px){.feed-msg{font-size:80%}}.feed-msg-br{display:none}@media (max-width: 642px){.feed-msg-br{display:block}}.header-border{border-bottom:1px solid #634ceb}.single-wrap{width:100%;max-width:950px;margin:1em auto;font-family:"Overpass Mono",sans-serif;background:#222;z-index:1}.single-wrap .single-content{padding:0 2em}@media (max-width: 642px){.single-wrap .single-content{padding-bottom:3.5em}}.single-wrap .feat{text-align:center;border-bottom:1px dotted #fff;margin:0 auto 3.5em}.single-wrap .feat a.popup{display:inline-block;position:relative;top:.7em;background:#222;font-size:130%;text-align:center;text-decoration:none;padding:0 1em;transition:all .2s ease;-webkit-transition:all .2s ease}@media (max-width: 642px){.single-wrap .feat a.popup{font-size:150%}}.single-wrap .page-date{display:inline-block;position:relative;top:1.1em;background:#222;font-family:"Overpass Mono",sans-serif;font-size:85%;text-align:center;font-weight:normal;font-style:italic;padding:0 1em;text-transform:none;letter-spacing:1px}.single-wrap .share{margin:3.5em auto;margin-top:1em;margin-bottom:2em}.single-wrap h1.page-title{font-size:180%;line-height:135%;font-family:"Overpass Mono",monospace;text-align:center;margin:0 0 2em}.single-wrap ul{margin:2em 0}.single-wrap ul li{margin-bottom:.5em;list-style-type:disc;margin-left:1em;line-height:1.6}.single-wrap ol{margin:2em 0}.single-wrap ol li{margin-bottom:.5em;margin-left:3em;line-height:1.6}.single-wrap blockquote{font-size:150%;font-family:"Overpass Mono",monospace;font-weight:lighter;color:#fff;border-left:4px solid #7b68ee;padding-left:1em;margin-top:2em;margin-bottom:2em;margin-left:-3.5em;margin-right:0;line-height:165%}@media (max-width: 942px){.single-wrap blockquote{margin-left:0}}.single-wrap blockquote p{padding-left:0 !important;padding-right:0 !important}.single-wrap img{width:100%;height:100%;border-radius:6px}.single-wrap iframe{aspect-ratio:16/9;width:100%}.single-wrap a img{transition:all .2s ease-in-out}.single-wrap a img:hover{transform:scale(1.03)}@media (min-width: 942px){.single-wrap img{width:80%;display:block;margin:auto}.single-wrap iframe{width:80%;display:block;margin:auto}}#prev,#next{position:fixed;text-decoration:none;background:#222;border:1px solid #fff;padding:.5em;line-height:1;border-radius:100px;bottom:2em;color:#ffff}@media (max-width: 942px){#prev,#next{position:static;padding:0.8em 1em 0.7em}}#prev{left:40px}@media (max-width: 942px){#prev{float:left}}#next{right:40px}@media (max-width: 942px){#next{float:right}}#prev:active,#next:active{border-color:#7b68ee}.nav-title{display:none}@media (max-width: 942px){.nav-title{display:inline}}.nav-title-prev{margin-left:.5em;margin-right:.5em}.nav-title-next{margin-right:.5em;margin-left:.5em}#prev:hover .nav-title,#next:hover .nav-title{display:inline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:rgba(85,85,85,0.5)}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 642px){.desktop-br{display:none}}