@import url(http://fonts.googleapis.com/css?family=Cousine);@font-face{font-family:'icons';src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}*{margin:0px;padding:0px;box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:10px}body{font-family:"Helvetica Neue", Helvetica, sans-serif;font-size:1.6rem;line-height:2.6rem;background:#fff;color:#777}.column{margin:0 auto 0;padding:0 15px;max-width:740px}a{color:#729dd6;text-decoration:none;font-style:normal}a,a:hover,a:active,a:visited{outline:0px}a:hover{color:#333}img{outline:0;border:0}h1{font-size:1.8em;line-height:1.1em;color:#222;margin-bottom:20px}h2{font-size:1.5em;font-weight:normal;color:#729dd6;margin-bottom:.75em}h3{font-weight:normal;font-size:1.0em;font-family:'HelveticaNeue-Medium', 'Helvetica Neue Medium';color:#222;margin-bottom:0em}h4{color:#729dd6;font-weight:normal}h1 p,h1 section.content ul,section.content h1 ul,h1 section.content ol,section.content h1 ol,h1 .video-container,h2 p,h2 section.content ul,section.content h2 ul,h2 section.content ol,section.content h2 ol,h2 .video-container{margin:0}p,section.content ul,section.content ol,.video-container{margin-bottom:1.25em}blockquote{margin-left:1em;padding-left:1em;border-left:5px solid #eee}em{font-family:"HelveticaNeue-Italic", "Helvetica Neue Italic", Helvetica, sans-serif;font-style:italic}strong{font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, sans-serif;font-weight:bold;font-style:normal}pre{border:1px solid #dddddd}code{margin:0 2px;padding:0px 5px;border-radius:3px;font-size:0.9em;font-family:'Cousine', monospace}hgroup{margin-bottom:3em}#forkme{position:absolute;top:0;right:0;border:0;z-index:1}h1.logo{text-align:center;padding-top:10px;margin-bottom:2.5em}h1.logo a{color:#666;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;font-weight:normal;line-height:1.8em}h1.logo a .icon{color:#729dd6;font-family:'icons';font-size:1.8em;vertical-align:middle;position:relative;background:-moz-radial-gradient(center, ellipse cover, #fff 65%, rgba(255,255,255,0) 65%);background:-webkit-radial-gradient(center, ellipse cover, #fff 65%, rgba(255,255,255,0) 65%);background:radial-gradient(ellipse at center, #fff 65%, rgba(255,255,255,0) 65%);background:-ms-radial-gradient(center, ellipse cover, #fff 67%, rgba(255,255,255,0) 67%) 0 3px;background-repeat:no-repeat}header{position:relative}header hgroup h1{padding-bottom:.3em;margin-bottom:.3em;border-bottom:1px solid #eee}header.hero{position:relative;height:30em;background-color:#1D1F21;background-repeat:none;background-position:center center;background-size:cover;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center;display:-ms-flexbox;-ms-flex-direction:column;-ms-flex-pack:center;display:box;box-orient:vertical;box-pack:center}header.hero>*{position:relative;z-index:1}header.hero:after{content:'';background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%}header.hero.purple h2,header.hero.purple .logo .icon,header.hero.purple a{color:#c272ed}header.hero.red h2,header.hero.red .logo .icon,header.hero.red a{color:#e3422f}header.hero.green h2,header.hero.green .logo .icon,header.hero.green a{color:#72edad}header.hero.yellow h2,header.hero.yellow .logo .icon,header.hero.yellow a{color:#cce36d}header.hero h1.logo{position:absolute;top:0;left:0;right:0}header.hero h1.logo a{color:#fff}header.hero hgroup h1,header.hero hgroup h2,header.hero>p,section.content header.hero>ul,section.content header.hero>ol,header.hero>.video-container{text-shadow:0 2px 2px rgba(0,0,0,0.75)}header.hero hgroup{text-align:center;margin-bottom:0}header.hero hgroup h1,header.hero hgroup h2{line-height:1em;margin-left:1em;margin-right:1em}header.hero hgroup h1{color:#fff;font-size:2.5em;margin-bottom:0.1em;border:0;padding:0}header.hero hgroup h2 a{font-family:'HelveticaNeue-Medium', 'Helvetica Neue Medium', Helvetica, sans-serif;text-decoration:underline}header.hero>p,section.content header.hero>ul,section.content header.hero>ol,header.hero>.video-container{position:absolute;left:0;right:0;bottom:0;color:rgba(255,255,255,0.5);text-align:center;line-height:1.3em;margin-bottom:0.8em;font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica, sans-serif;font-size:0.8em !important}header.hero>p a:hover,section.content header.hero>ul a:hover,section.content header.hero>ol a:hover,header.hero>.video-container a:hover{color:#fff}.timestamp{text-transform:uppercase;line-height:2.5em;font-family:"HelveticaNeue-Medium";font-style:normal;position:relative;top:5px;height:45px;width:50px;display:block;float:left;margin-right:15px}.timestamp .month{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);font-family:'Cousine', monospace;font-size:1.2em;position:absolute;left:-12px;top:0px;width:2em;letter-spacing:0.13em}.timestamp .day{font-size:2.1em;text-align:right;position:absolute;top:-8px;left:17px;width:34px}.timestamp .year{font-size:0.8em;letter-spacing:0.2em;position:absolute;top:15px;left:18px;text-align:right;width:34px}nav{font-size:1.2em;line-height:1.8em}nav ul{list-style:none}nav li{line-height:1.2em;margin-bottom:20px}nav li a{font-weight:500}nav li a.draft:before{content:'Draft';text-transform:uppercase;font-size:0.5em;line-height:1.2em;color:#729dd6;border:1px solid #729dd6;background:#cfe2fa;border-radius:2px;padding:1px 2px;margin-right:5px;position:relative;top:-3px}nav li em{display:block;font-size:0.9em}section.content{margin-top:3em}section.content article h2{margin-top:1.5em}section.content article h3 a{color:inherit !important}section.content article img{max-width:100%}section.content ul,section.content ol{padding-left:20px}section.content ol ol{list-style-type:lower-latin}section.content br+br+ol,section.content br+br+ul{margin-top:-2.6rem}section.content p img,section.content ul img,section.content ol img,section.content .video-container img{width:100%}section.content sup{line-height:0;padding:0 0 0 .2em}section.content aside{margin-top:3em}.footnotes{margin-top:2em}.footnotes hr{margin-bottom:2em;border-width:1px 0 0 0;border-color:#eee;border-style:solid}footer{margin:7em 0 1em;font-size:13px;color:#999;text-align:center}footer p,footer section.content ul,section.content footer ul,footer section.content ol,section.content footer ol,footer .video-container{margin:0}footer a{color:#729dd6}footer a:hover{color:#222}footer li{display:inline-block}footer li:before{content:'|';padding:0 5px}footer li:first-child:before{content:""}#home{margin-top:80px}#home h1{font-size:2.5em;margin-bottom:0.25em}#home h3{font-family:"HelveticaNeue-Italic", "Helvetica Neue Italic", Helvetica, sans-serif;font-style:italic;color:#999}#home nav{margin-top:120px}.fit-wrapper{position:relative;height:0}.fit-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}nav li a,section.content h1 a{color:#222}header h1 a:hover,nav li a:hover,section.content h1 a:hover{color:#729dd6}@media screen and (max-width: 400px){#forkme{display:none}}@media screen and (max-height: 600px){.logo{font-size:1.5em !important}header.hero{height:20em}hgroup{margin-bottom:1.5em}hgroup h1,hgroup h2{line-height:1.1em !important}hgroup h1{font-size:1.7em !important;margin-bottom:0.3em !important}hgroup h2{font-size:1.1em}h2{font-size:1.4em}section.content{margin-top:30px}}.video-container{width:100%;position:relative;padding:56.25% 0 0 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}