code[class*=language-],pre[class*=language-]{color:#657b83;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;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#073642}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#073642}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#859900}.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}h1{font-weight:700}h1,h2,h3,h4{text-transform:uppercase}h1,h2,h3,h4{font-weight:500}h1,h2{margin-top:40px}h3{margin-top:30px}a{color:#80c900}.caption,.info{font-size:12px;text-align:center;margin-top:5px;color:#aaa}.info{text-align:right;margin-top:10px}a,p,table,ul{font-weight:300}code,pre{font-family:Inconsolata,monospace}strong{font-weight:700}body{font-family:Ubuntu,sans-serif;font-size:14px;box-sizing:border-box;margin:0;padding:15px;line-height:1.7;overflow-x:hidden;color:#424242}section{*zoom: 1}section:after,section:before{content:"";display:table}section:after{clear:both}header{height:300px;overflow:hidden;position:relative}pre{overflow-x:scroll;border:1px dashed #aaa;padding:10px}hr{height:1px;border:0;background:#aaa;margin:50px 0}table{width:100%}table tr>td:first-child{padding-right:10px}table td{vertical-align:top}table.sourceCode,table.sourceCode pre,td.lineNumbers,td.sourceCode,tr.sourceCode{margin:0;padding:0;border:0;vertical-align:baseline;border:none}td.lineNumbers{border-right:1px solid #aaa;text-align:right;color:#aaa;padding-right:5px}td.lineNumbers,td.sourceCode{padding-left:5px}.sourceCode span.kw{color:#007020;font-weight:700}.sourceCode span.dt{color:#902000}.sourceCode span.bn,.sourceCode span.dv,.sourceCode span.fl{color:#40a070}.sourceCode span.ch,.sourceCode span.st{color:#4070a0}.sourceCode span.co{color:#60a0b0;font-style:italic}.sourceCode span.ot{color:#007020}.sourceCode span.al{color:red;font-weight:700}.sourceCode span.fu{color:#06287e}.sourceCode span.er{color:red;font-weight:700}.logo{display:block;width:100px}.signet{width:100%;height:10px;background-color:#80c900;position:fixed;bottom:0;left:0}#instantclick-bar{background:#80c900}.mainnav a{padding:20px 4px;box-sizing:border-box;max-width:24%}.mainnav a:first-child{padding-left:0}.mainnav a:last-child{padding-right:0}.mainnav{position:absolute;text-align:right;right:1rem;top:1rem}.btn-back{position:absolute;top:-10px;left:-20px;font-size:10px;padding:20px}.post-list{list-style:none;margin:0;padding:0}.post-list li{position:relative;width:100%;color:#fff;margin:20px 0;padding:60px 0 0;overflow:hidden}.post-list li img{position:absolute;width:auto;height:auto;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.post-list li a{position:relative;display:block;width:100%;background:#000000b3;color:#fff;padding:5px 40px 5px 20px;text-decoration:none;box-sizing:border-box}.post-list li a:after{content:"";position:absolute;right:20px;top:50%;display:block;width:10px;height:10px;background:transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;margin-top:-5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.post-list li h3{margin:0}.post-list li .info{margin-top:5px}.code-sample{position:relative;margin:40px 0;overflow-x:hidden;border:1px solid #777}.code-sample header{position:relative;height:70px;background:#000000b3;padding:0 10px;font-size:0;overflow-x:auto;white-space:nowrap}.code-sample header button{display:inline-block;background:#777;height:40px;padding:0 20px;border:0;font-weight:700;font-family:Ubuntu,sans-serif;font-size:12px;text-transform:uppercase;color:#fff;transition:background .5s ease;margin:35px 0 0;-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.code-sample header button:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px;border-right:1px solid #424242}.code-sample header button:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;border-left:1px solid #424242}.code-sample header .open,.code-sample header button:focus{background:#aaa;outline:0;box-shadow:none}.code-sample .sourceCode{width:100%}.code-sample pre{display:none;border:0;margin:0}.code-sample code[class*=language-],.code-sample pre[class*=language-]{font-size:12px}.code-sample iframe{border:0}.content{width:100%;vertical-align:top;padding-bottom:20px}.blog-body{position:relative;width:70%;margin:auto}.blog-body img{width:100%;height:auto}iframe{width:100%}.margin.bottom.large{margin-bottom:50px}.margin.top.large{margin-top:50px}header img{width:600px;height:300px}header .absolute{position:absolute}header .right{right:0}header .center{left:50%;-ms-transform:translateX(-50%);transform:translate(-50%)}.blog-overview img{z-index:-1}.blog-overview a{display:block;width:100%;height:100%;text-decoration:none}.blog-overview h2{position:absolute;background:#000000b3;color:#fff;margin:0;bottom:0;left:0;right:0;padding:4px 20px 15px}.blog-overview h2:after{content:"";position:absolute;right:20px;top:50%;display:block;width:10px;height:10px;background:transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;margin-top:-5px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.blog-overview .info{position:absolute;left:20px;bottom:5px;color:#fff}#contact{display:none}#contact:target{display:block}@media (min-width: 700px){body{padding:50px}}@media screen and (min-width: 700px){.content{width:600px;margin:auto}}