@media screen and (min-width:35.5em){.hide-sm{display:none!important}}@media screen and (min-width:48.1em){.hide-md{display:none!important}}@media screen and (min-width:64em){.hide-lg{display:none!important}}@media screen and (min-width:80em){.hide-xl{display:none!important}}@media screen and (max-width:35.5em){.before-sm{display:none!important}}@media screen and (max-width:48.1em){.before-md{display:none!important}}@media screen and (max-width:64em){.before-lg{display:none!important}}@media screen and (max-width:80em){.before-xl{display:none!important}}@media screen and (min-width:48.1em){.only-sm{display:none!important}}@media screen and (min-width:64em){.only-sm{display:none!important}}@media screen and (min-width:80em){.only-sm{display:none!important}}@media screen and (min-width:35.5em){.only-md{display:none!important}}@media screen and (min-width:64em){.only-md{display:none!important}}@media screen and (min-width:80em){.only-md{display:none!important}}@media screen and (min-width:48.1em){.only-lg{display:none!important}}@media screen and (min-width:35.5em){.only-lg{display:none!important}}@media screen and (min-width:80em){.only-lg{display:none!important}}@media screen and (min-width:48.1em){.only-xl{display:none!important}}@media screen and (min-width:64em){.only-xl{display:none!important}}@media screen and (min-width:35.5em){.only-xl{display:none!important}}body{font-family:'Source Sans Pro',sans-serif;font-weight:400}.page{margin:0 auto}.page .hero{padding:2rem 1rem}@media screen and (min-width:48.1em){.page .hero{padding:2rem 0}}@media screen and (min-width:48.1em){.page .content,.page .hero .main,.page .hero .tryit{width:80%;margin:0 auto}}.page .content{padding:1rem}.page .content p{max-width:35rem}h1,h2,h3,h4{font-weight:700}h2{border-bottom:1px solid #eee}code{background-color:#eee;border-radius:.25rem;font-family:monospace;font-size:.9em;padding:.1rem .3rem}pre{padding:1rem;background-color:#eee}pre code{background-color:transparent}a{font-weight:400}.fineprint{font-size:.8em;color:#888}.hero{color:#fff;background-color:#000;background:radial-gradient(#666 5%,#000 100%)}@media screen and (min-width:48.1em){.hero{text-align:center}}.hero .main h1{text-transform:uppercase;font-weight:700;font-size:3rem;margin:0;text-shadow:0 0 0 #cdcdcd,0 1px 0 #b4b4b4,0 2px 0 #9b9b9b,0 3px 0 #818181,0 4px 0 #686868,0 5px 0 #4f4f4f,0 6px 0 #363636,0 7px 6px rgba(0,0,0,.6),0 7px 1px rgba(0,0,0,.5),0 0 6px rgba(0,0,0,.2)}@media screen and (min-width:48.1em){.hero .main h1{font-size:5rem}}.hero .main p{font-size:1.5rem}.hero .tryit{text-align:left}.hero .tryit input,.hero .tryit textarea{font-family:monospace}.hero .tryit h3{font-weight:200;color:#ccc;font-size:1.1rem}@media screen and (min-width:48.1em){.hero .tryit h3{text-align:center}}.hero .tryit .controls,.hero .tryit button{margin-top:1rem}@media screen and (min-width:48.1em){.hero .tryit .submit{text-align:right}}