@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{color:#333;font:400 120% / 1.5 "Open Sans",sans-serif;-webkit-transition:font-size 300ms;transition:font-size 300ms}header{float:left;width:60%}::-moz-selection{background:#333!important;color:#fff!important;text-shadow:none!important}::selection{background:#333!important;color:#fff!important;text-shadow:none!important}.fade{opacity:0;position:relative;top:-10px;-webkit-transition:opacity 600ms,top 600ms;transition:opacity 600ms,top 600ms}.fade-load{opacity:1;top:0}h1{font-size:3em;font-weight:600;letter-spacing:-.05em;line-height:1;margin-bottom:.1em}h2{color:#333;font-size:1.3em;font-weight:400;line-height:1;margin-bottom:1.125em}h3{clear:both;font-size:1.3em;font-weight:400;line-height:1;margin-bottom:.75em}p{font-size:.7em;margin-bottom:0.7em}a{color:#333;text-decoration:none;-webkit-transition:color 300ms;transition:color 300ms}a:hover,a:focus{color:#999}textarea,input{border:1px solid #e1e1e1;border-radius:0;color:#999;display:block; font-size: 1.1em; font:400 "Open Sans",sans-serif; margin:0 0 .5em;padding:0.4em 1.25em;width:100%;-webkit-transition:border-color 300ms,color 300ms;transition:border-color 300ms,color 300ms;-webkit-appearance:none}textarea:focus,input:focus{;color:#333;outline:0}textarea{margin:0;min-height:7.5em;line-height:1.5;overflow:auto;resize:vertical}.arrow{border-top:9px solid #ddd;border-right:9px solid #ddd;border-bottom:9px inset transparent;border-left:9px inset transparent;display:block;position:absolute;right:0;top:0;-webkit-transition:border-color 300ms;transition:border-color 300ms}input:focus+.arrow,textarea:focus+.arrow{border-top-color:#333;border-right-color:#333}@media (max-width:30em){textarea,input{font-size:1.1em}}.buttons{margin-bottom:2.25em}.button{background:#333;color:#fff;display:block;float:left;font-size:1em;font-weight:600;padding:1.5em 1.125em;text-align:center;-webkit-transition:background 300ms;transition:background 300ms;width:49%}.button:last-child{float:right}.button:hover,.button:focus{background:#999;color:#fff}@media (max-width:30em){.button,.button:last-child{border:0;float:none;margin-bottom:.75em;width:auto}}.code-wrap{margin-bottom:3em}pre{display:block;margin-bottom:1.125em}pre:last-child{margin-bottom:0}code{background:#eee;color:#333;display:block;font-size:.9em;overflow:auto;padding:1.875em;-webkit-overflow-scrolling:touch}code span{color:#999}footer{border-top:2px solid #ddd;padding-top:2.25em}footer p{font-size:.8em;margin-bottom:0}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background:#ddd}body::-webkit-scrollbar-thumb{background:#333}body::-webkit-scrollbar-thumb:hover{background:#999}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}.clearfix{zoom:1}#carbonads{background:#fff;border:2px solid #ddd;float:right;margin-bottom:1.125em;padding:15px;width:35%}.carbon-img{border:0;display:block;margin-bottom:.75em;width:130px}.carbon-img img{display:block}.carbon-text{border:0;display:block;font-size:.75em;margin-bottom:.75em}.carbon-poweredby{border:0;color:#999;font-size:.75em}@media (max-width:50em){#carbonads{float:none;width:auto}}