@import url("https://fonts.googleapis.com/css?family=Bitter&display=swap");body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 15.3px/1.6 "Bitter","Hiragino Sans GB","Microsoft Yahei","微软雅黑","Bitter",sans-serif;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column;padding:0 2%}@media screen and (min-width: 600px){body{padding:0 5%;font:400 18px/1.8 "Bitter","Hiragino Sans GB","Microsoft Yahei","微软雅黑","Bitter",sans-serif}}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-bottom:15px}main{display:block}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background:-webkit-linear-gradient(left, transparent, rgba(0,0,0,0.5), transparent);background:linear-gradient(left, transparent, rgba(0,0,0,0.5), transparent)}img{margin-bottom:5px;margin-top:5px;padding:2px 2px;border-radius:3px;background-color:#f0f0f0;max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:15.3px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{margin-top:2rem;font-weight:400}a{color:#2a7ae2;text-decoration:none}a:hover{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px}@media (max-width: 600px){blockquote{font-size:14.4px}}blockquote>:last-child{margin-bottom:0}pre,code{font-size:16.2px;border:1px solid #e0e0e0;border-radius:3px;background-color:#f0f0f0}code{padding:1px 1px}pre{padding:2px 2px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media screen and (min-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));padding-right:30px;padding-left:30px}}.wrapper:after{content:"";display:table;clear:both}.orange{color:#f66a0a}.grey{color:#828282}.svg-icon{width:16px;height:16px;display:inline-block;fill:currentColor;padding:5px 3px 2px 5px;vertical-align:text-bottom}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}nav{width:100%}nav li{display:inline;padding-top:20px;padding-right:10px;padding-bottom:10px;padding-left:10px}.post-list ul{margin-left:0}.post-list ul li{display:flex}.post-meta{min-width:80px;font-size:21.6px}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;line-height:72.9px;position:relative}.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg path{fill:#424242}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{color:#111;line-height:1.8;display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}@media screen and (min-width: 600px){.site-nav{position:static;float:right;border:none;background-color:inherit}.site-nav label[for="nav-trigger"]{display:none}.site-nav .menu-icon{display:none}.site-nav input ~ .trigger{display:block}.site-nav .page-link{display:inline;padding:0;margin-left:auto}.site-nav .page-link:not(:last-child){margin-right:20px}}.site-footer{padding:20px 0}.footer-heading{font-size:20.25px;margin-bottom:15px}@media (max-width: 500px){.p-name{font-size:16.2px}}@media (max-width: 500px){.u-email{font-size:16.2px}}.contact-list,.social-media-list{list-style:none;margin-left:0}.page-content{padding:30px 0;flex:1 0 auto}.page-heading{font-size:36px}.home-title{margin-top:-10px}.home-heading{font-weight:1000;color:#373737;font-size:39.6px}@media (max-width: 500px){.home-heading{margin-top:20px;font-size:30.6px}}.home-sub-heading{margin-top:-0.6rem;color:#515151;font-size:18px}@media (max-width: 500px){.home-sub-heading{font-size:14.4px}}.post-list{margin-top:2.5rem;margin-left:0;list-style:none}.post-list li{margin-bottom:2.5px}.post-year{margin-top:2rem;margin-bottom:0.25rem;font-weight:700;color:#373737;font-size:27px}@media (max-width: 500px){.post-year{font-size:21.6px}}.post-meta{display:inline-block;min-width:60px;font-size:18px;color:#515151}@media (max-width: 500px){.post-meta{font-size:14.4px}}.post-link-layout{margin-left:10%;display:inline;font-size:21.6px}@media (max-width: 500px){.post-link-layout{font-size:18px}}.black-link{color:#111;text-decoration:none}.black-link:hover{color:#111;text-decoration:underline}.post-back{margin-bottom:20px;color:#515151}.post-header{margin-bottom:30px}.post-title,.post-content h1{font-size:39.6px;line-height:1.3;font-weight:1000;margin-top:-0.5rem}@media (max-width: 500px){.post-title,.post-content h1{font-size:32.4px}}@media screen and (min-width: 800px){.post-title,.post-content h1{font-size:39.6px}}.post-content{margin-top:3.2rem;margin-bottom:30px}.post-content h2{font-size:31.5px}@media screen and (min-width: 800px){.post-content h2{font-size:36px}}.post-content h3{font-size:24.75px}@media screen and (min-width: 800px){.post-content h3{font-size:29.25px}}.post-content h4{font-size:20.25px}@media screen and (min-width: 800px){.post-content h4{font-size:22.5px}}.social-media-list{margin-top:-1rem;display:flex;font-size:18px}.social-media-list li{float:left}.social-media-list li a{padding-right:6px}@media screen and (min-width: 800px){.one-half{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}}.about-page{display:inline-block}.about-page .about-header{display:flex;flex-direction:row;flex-wrap:wrap}.about-page .about-header .about-avatar{padding:1px;border:1px solid #e8e8e8;width:10rem;height:10rem;margin:0 2rem 0 0}.about-page .about-header .about-info{align-self:center}.about-page .about-header .about-info .about-your-name{display:flex;flex-direction:row;margin-top:1rem;font-size:27px}.about-page .about-header .about-info .about-description{margin-top:-0.6rem;font-size:18px;color:#515151}.about-page .about-content{margin-top:2rem}