span.amp{font-family:Baskerville,Palatino,"Book Antiqua",'serif';font-style:italic;font-weight:normal}.error::-webkit-input-placeholder{color:#f00}.error:-moz-placeholder{color:#f00}*:rselection{background:#ffffe0}*::-moz-selection{background:#ffffe0}*::-webkit-selection{background:#ffffe0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main{margin:0;padding:0;border:0;outline:0;display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]),[hidden]{display:none}a{color:#0070cc;text-decoration:none}a:hover,a:focus{color:#008cff}em{font-style:italic}strong{font-weight:bold}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;line-height:1.5;font-family:system,-apple-system,BlinkMacSystemFont,"Roboto","Seogue UI","Helvetica Neue","Lucida Grande",sans-serif;color:#333;background:#fff;direction:ltr;margin:0 auto}section#section-footer .wrapper{padding-top:16px}section#section-footer p,section#section-footer li{margin-bottom:8px}@media (min-width:768px){section#section-footer .wrapper{padding-top:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%}section#section-footer .wrapper p.copyright{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}section#section-footer .wrapper ul{-webkit-box-flex:2;-moz-box-flex:2;-o()-box-flex:2;box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}}#header{margin:0 auto}#header .wrapper{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}#header a{border-bottom:4px solid #ddd;margin-bottom:-4px;display:block;padding:0 8px;font-size:12.8px;line-height:38.4px;color:#333}#header a:hover{border-bottom-color:#0070cc;color:#0070cc}#header a#nav-home{text-transform:lowercase;font-weight:600;font-size:16px;padding:0 16px;-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}#header nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}body.about #header #nav-about,body.expertise #header #nav-expertise,body.contact #header #nav-contact,body.clients #header #nav-clients,body.interaction-design #header #nav-expertise,body.web-dev #header #nav-expertise,body.game-dev #header #nav-expertise,body.privacy #header #nav-expertise{border-bottom-color:#666;cursor:default}body.about #header #nav-about:hover,body.expertise #header #nav-expertise:hover,body.contact #header #nav-contact:hover,body.clients #header #nav-clients:hover,body.interaction-design #header #nav-expertise:hover,body.web-dev #header #nav-expertise:hover,body.game-dev #header #nav-expertise:hover,body.privacy #header #nav-expertise:hover{color:#333;border-bottom-color:#666}@media (max-width:414px){#header .wrapper{padding:0}}@media (min-width:414px){#header a{border-top:4px solid #333;margin-top:-4px;font-size:16px;line-height:48px}#header a#nav-home{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:20px;line-height:48px}}@media (min-width:720px){#header a#nav-home{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0}#header nav{-webkit-box-flex:2;-moz-box-flex:2;-o()-box-flex:2;box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}#header nav a{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-left:1px solid #ddd;padding:0 16px}}#project-process{margin:0 0 1.5em}#project-process div{background:#eee;margin-bottom:1px;padding:1em}.article-body p a,.article-body ul a,.article-body ol a,.article-body blockquote a,.article-body h2 a,.article-body h3 a,.article-body h4 a,.article-body h5 a,.article-body h6 a,.article-body .figure a{color:#333;text-decoration:underline}.article-body p a:hover,.article-body ul a:hover,.article-body ol a:hover,.article-body blockquote a:hover,.article-body h2 a:hover,.article-body h3 a:hover,.article-body h4 a:hover,.article-body h5 a:hover,.article-body h6 a:hover,.article-body .figure a:hover{color:#0070cc}.article-body h1,.article-body h2{font-size:1.25em;font-weight:600;line-height:1.25;margin-bottom:.75em;margin-top:1.5em}.article-body h3{font-weight:bold}.article-body code{font-family:Consolas,Monaco,monospace}.article-body iframe{margin:0 auto;display:block}.article-body img{max-width:100%;border:1px solid #ddd;border-bottom:none}.article-body ul,.article-body ol{padding-left:2em}.article-body ul{list-style:square}.article-body ol{list-style:decimal}.article-body .figure{margin-bottom:24px}.article-body .figure img{display:block}.article-body .figure .figcaption{background:#ddd;padding:4px 8px}.article-body .figure .figcaption p{font-size:12px;color:#333;font-family:system,-apple-system,BlinkMacSystemFont,"Roboto","Seogue UI","Helvetica Neue","Lucida Grande",sans-serif;margin:0;max-width:960px}.article-body p,.article-body ul,.article-body ol,.article-body pre,.article-body blockquote{margin:0 0 1.5em;max-width:60em}.article-body > p:first-of-type{margin-bottom:16px;border-bottom:4px solid #ddd;padding-bottom:32px}.article-body > p:first-of-type strong{font-weight:600}.article-body p code,.article-body h2 code,.article-body h3 code{padding:0 .25em;background:#eee;font:90%/120% Consolas,Monaco,monospace;display:inline-block}.article-body pre{width:100%;max-width:1280px;margin:0 auto}.article-body pre code{line-height:1.25em}body.clients .article-body > p:first-of-type{border-bottom:none;margin-bottom:0}@media (min-width:375px){.article-body .figure .figcaption p{font-size:.8725em}}@media (min-width:414px){.article-body > p:first-of-type{font-size:18px}.article-body .figure .figcaption p{font-size:16px}}@media (min-width:640px){.article-body > p:first-of-type{font-size:20px}}@media (min-width:960px){.article-body h2,.article-body h3,.article-body p,.article-body .p,.article-body ul,.article-body ul.blocks{max-width:800px;margin-left:auto;margin-right:auto}.article-body pre{width:100%;max-width:800px}}body.article .article-header,body.clients .article-header{padding-top:24px}body.article .article-footer,body.clients .article-footer{padding-bottom:24px}.article-header,.article-footer{max-width:800px;margin-left:auto;margin-right:auto}.article-header{margin:0 0 24px}.article-header h2{color:#888;text-transform:uppercase;line-height:1.25em;margin:0 0 8px}.article-header h1{font-weight:bold;font-size:32px;line-height:1.25em}.article-footer{zoom:1;border-top:4px solid #ddd;margin:24px 0 16px}.article-footer:before,.article-footer:after{content:"";display:table}.article-footer:after{clear:both}.article-footer p.meta{color:#666;line-height:3em}@media (min-width:720px){body.article #container{padding:32px 0}}@media (min-width:960px){.article-header,.article-footer{max-width:800px;margin-left:auto;margin-right:auto}body.article .article-header,body.clients .article-header{padding-top:48px}body.article .article-footer,body.clients .article-footer{padding-bottom:48px}}a.block-client{margin:0 0 16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o()-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o()-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}a.block-client .thumb{background:#ddd;border:1px solid #ddd;border-bottom-width:8px;margin:0 0 8px;overflow:hidden}a.block-client .thumb img{display:block;width:100%;max-width:320px;height:auto;-webkit-transition:ease 0.1s;-moz-transition:ease 0.1s;-o()-transition:ease 0.1s;-ms-transition:ease 0.1s;transition:ease 0.1s}a.block-client .text{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o()-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}a.block-client .text .title{color:#333;font-weight:600;max-width:60em}a.block-client .text .sub{color:#888}a.block-client:hover .thumb img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o()-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}a.block-client:hover .text .title{color:#0070cc}@media (min-width:360px){a.block-client .thumb img{min-width:100%}}@media (min-width:720px){a.block-client{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o()-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o()-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin:0 0 24px}a.block-client .thumb{margin:0}a.block-client .text{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o()-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o()-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-moz-box-pack:center;-o()-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-top:1px solid #ddd;margin-left:16px}a.block-client .text .title{font-size:20px}}.block,a.block{display:block;position:relative;border-top:1px solid #ddd;padding:12px 0}.block:last-of-type,a.block:last-of-type{padding-bottom:12px;margin-bottom:24px}.block .title,a.block .title{color:#333;max-width:60em}.block .sub,a.block .sub{color:#888}.block .thumb,a.block .thumb{position:absolute;top:-1px;left:-321px;width:320px;background:#ddd;height:86px;overflow:hidden}.block .thumb img,a.block .thumb img{width:320px;height:86px;-webkit-transition:ease 0.1s;-moz-transition:ease 0.1s;-o()-transition:ease 0.1s;-ms-transition:ease 0.1s;transition:ease 0.1s}a.block:hover .title{color:#0070cc}a.block:hover .thumb img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-o()-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}@media (min-width:720px){.block,a.block{padding:16px 0}.block .title,a.block .title{font-size:20px}}section{border-top:4px solid #ddd;margin-bottom:32px}section .section-header{padding:0 0 16px}section .section-header h2{font-size:14px;line-height:48px;text-transform:uppercase;font-weight:600}section .section-header h2 a{color:#333}section .section-header h2 a:hover{color:#008cff;border-bottom:1px solid #008cff}section.section-top{border-top:none}section.section-top .section-header{padding:16px 0 0}section.section-top .section-content p{max-width:60em;margin:0 0 1.5em}section#section-hero{border-top:none}section#section-hero .section-header{padding:16px 0 0}section#section-hero .section-content h1{margin-bottom:16px;font-size:32px;color:#333;line-height:1}@media (min-width:720px){section{margin-bottom:48px}section .section-header h2{font-size:16px}section .section-header h2 span.arrow{color:#888}section.section-top .section-header{padding-top:24px}section#section-hero{border:1px solid #ddd;padding:0 24px;margin:48px 0}section#section-hero .section-content h1{font-size:40px;font-weight:600}section#section-hero .section-content p{font-size:20px;margin:0}}@media (max-width:959px){section#section-top h2 span.arrow{display:none}}@media (min-width:960px){section{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}section .section-header{-webkit-box-flex:1;-moz-box-flex:1;-o()-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:8px}section .section-content{-webkit-box-flex:2;-moz-box-flex:2;-o()-box-flex:2;box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}section .section-content .block:first-child:first-of-type{border-top:none;margin-top:16px}section .section-content .article-body + .block{margin-top:-16px;border-top:none}section.section-top{padding-top:64px}section.section-top .section-header{padding:0}section.section-top .section-header h2{line-height:30px}section#section-hero{padding:72px 32px}section#section-hero .section-header{padding-top:0}}.wrapper{max-width:1200px;padding:0 16px;margin:0 auto}body.images .wrapper{max-width:1200px}body.images .wrapper .body p:first-of-type{padding-bottom:0;border-bottom:none}@media (min-width:414px){.wrapper{padding:0 20px}}@media (min-width:640px){.wrapper{padding:0 24px}}@media (min-width:720px){.wrapper{padding:0 32px}}/*

Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #002b36;
  color: #839496;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string,
.hljs-javadoc {
  color: #586e75;
}

/* Solarized Green */
.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
  color: #859900;
}

/* Solarized Cyan */
.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
  color: #2aa198;
}

/* Solarized Blue */
.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function {
  color: #268bd2;
}

/* Solarized Yellow */
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-type,
.hljs-link_reference {
  color: #b58900;
}

/* Solarized Orange */
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.css .hljs-pseudo,
.hljs-header {
  color: #cb4b16;
}

/* Solarized Red */
.hljs-deletion,
.hljs-important {
  color: #dc322f;
}

/* Solarized Violet */
.hljs-link_label {
  color: #6c71c4;
}

.tex .hljs-formula {
  background: #073642;
}