#header{height:450px}#header .header-main{height:435px;background-color:#17a167}#header .title{height:110px;line-height:110px;text-align:center;font-weight:700;font-size:35px}#header .title a{color:#fff}#header .wrap{width:940px;height:350px;margin:0 auto;box-shadow:0 0 2px rgba(0,0,0,.7);background-color:#17a167}#header .header-image{width:940px;height:300px;margin:0 auto}#header .text{width:940px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:19px}#header .social{display:inline-block;font-size:20px;padding-left:14px}#header .social a{color:#fff;margin:0 4px}#footer{width:940px;padding:57px 0 27px;margin:0 auto;text-align:center}#footer .copyright{padding-bottom:7px}#footer a{color:#17a167}.content-wrap{width:940px;margin:30px auto;display:flex;justify-content:space-between;align-items:flex-start}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0;box-sizing:border-box;color:#414548;font-weight:400}a{color:#24292e}a,a:hover{text-decoration:none}ol,ul{list-style:none}article,aside,footer,header,menu,nav,section{display:block;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";height:0;display:block;visibility:hidden;clear:both}body{font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:16px;background:linear-gradient(180deg,#fff,#b0c7af)}a.header-anchor{opacity:0}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.post-content .video-container{position:relative;overflow:hidden;padding-top:57%}.post-content .video-container iframe{width:100%;height:100%;position:absolute;left:0;top:0}.post-content .pullquote.left{float:left;width:47%;margin-top:10px}.post-content .pullquote.right{float:right;width:47%;margin-top:10px;margin-left:7px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:600;padding:7px 0;margin:17px 0 7px}.post-content h1,.post-content h2,.post-content h3{border-bottom:1px solid #eaecef}.post-content h1{font-size:24px}.post-content h2{font-size:22px}.post-content p{line-height:1.7;padding:7px 0}.post-content p a{color:#17a167;font-weight:600}.post-content ul{list-style:circle;padding-left:42px}.post-content ul li{line-height:1.7}.post-content ol{list-style:decimal;padding-left:42px}.post-content li{line-height:1.7}.post-content dl{padding-left:27px;line-height:1.7}.post-content dl dt{font-weight:600}.post-content dl dd{padding-left:17px}.post-content table{width:100%;border-collapse:collapse;margin:17px 0;font-size:14px;word-break:break-all;table-layout:fixed}.post-content tbody tr{transition:background-color .4s}.post-content tbody tr:hover{background-color:#eaecef}.post-content tr th{font-size:15px;font-weight:600}.post-content tr td,.post-content tr th{border:1px solid #ccc;padding:14px 7px;line-height:2}.post-content img{max-width:100%;margin:7px auto;display:block}div[class*=language-]{position:relative;margin:1em 0;padding:20px;border-radius:2px;line-height:1.1em;background-color:#f8f8f8;overflow-x:auto;font-size:13px}div[class*=language-] table,div[class*=language-] td,div[class*=language-] tr{width:100%;border-collapse:collapse;padding:0;margin:0;border:none;word-break:break-all}div[class*=language-] table{margin:0!important;font-size:13px!important}div[class*=language-] td,div[class*=language-] tr{border:0!important}div[class*=language-] td:hover,div[class*=language-] tr:hover{background:none!important}div[class*=language-] .gutter{display:none}div[class*=language-] .code pre{padding:1.2em 1.4em;line-height:1.5em;margin:0;font-family:Roboto Mono,Monaco,courier,monospace}pre{color:#525252}pre .constant,pre .function .keyword{color:#0092db}pre .attribute,pre .keyword{color:#e96900}pre .literal,pre .number{color:#ae81ff}pre .change,pre .clojure .built_in,pre .flow,pre .lisp .title,pre .nginx .title,pre .tag,pre .tag .title,pre .tex .special,pre .winutils{color:#2973b7}pre .regexp,pre .symbol,pre .symbol .string,pre .value{color:#42b983}pre .title{color:#83b917}pre .addition,pre .apache .cbracket,pre .apache .tag,pre .attr_selector,pre .built_in,pre .django .filter .argument,pre .django .template_tag,pre .django .variable,pre .envvar,pre .haskell .type,pre .javadoc,pre .preprocessor,pre .prompt,pre .pseudo,pre .ruby .class .parent,pre .smalltalk .array,pre .smalltalk .class,pre .smalltalk .localvars,pre .sql .aggregate,pre .stream,pre .string,pre .subst,pre .tag .value,pre .tex .command{color:#42b983}pre .apache .sqbracket,pre .comment,pre .doctype,pre .java .annotation,pre .pi,pre .python .decorator,pre .shebang,pre .template_comment,pre .tex .formula{color:#b3b3b3}pre .deletion{color:#ba4545}pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .cdata,pre .xml .css,pre .xml .javascript,pre .xml .vbscript{opacity:.5}code{width:100%;padding:2px 5px;background:#f8f8f8;border-radius:2px;word-break:break-word;font-size:13px;line-height:1.6em;color:#e77700;font-family:Roboto Mono,Monaco,courier,monospace}pre code{padding:0;color:#414548}blockquote{padding-left:17px;border-left:4px solid #42b774;margin:17px 0;word-break:break-all}blockquote p{font-weight:600;padding:0!important}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.post-wrap{width:940px;padding:17px 27px;background-color:#fff}.post-wrap .title{font-size:25px;margin:17px 0 14px;font-weight:600}.post-wrap .create{padding-left:2px;padding-bottom:14px}.post-wrap .bottom-line{width:100%;border-bottom:1px solid #e6e6e6;margin:27px 0}.posts{width:940px;padding:7px 27px;background-color:#fff}.posts .post-item{height:77px;display:flex;align-items:center;border-bottom:1px dashed #e1e1e1;font-size:18px}.posts .post-item:last-child{margin-bottom:37px}.posts .post-item time{width:140px;font-size:18px}.posts .post-item h2{width:100%;font-size:18px}.posts .post-item a{transition:color .2s ease}.posts .post-item a:hover{color:#17a167}.home-layout{width:940px;margin:30px auto 0}