.example>.frame,.func>div,.notes>div,header{box-shadow:0 .25em .5em rgba(0,0,0,.1)}header,header>h1,header>nav{display:block;clear:both;width:100%}*{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{color:#000;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden;max-width:100%}header{position:relative;float:left;z-index:2;background-color:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.1);padding:1em}@media only screen and (min-width :768px){header{padding:1.5em}}header>h1,header>nav{float:left;margin:0;padding:0;text-align:center}header>h1{font-size:1.2em;line-height:1;padding-bottom:.5em}@media only screen and (min-width :768px){header>h1{font-size:1em;padding-bottom:0}}header>nav>div>.button{display:inline-block;float:left;font-size:.8em;width:25%;transition:.2s;padding:.5em}@media only screen and (min-width :768px){header>nav>div>.button{width:auto;border-bottom:4px solid transparent;margin-right:1em;font-size:.85em;padding-bottom:.55em}header{position:fixed;padding:1.5em 2em}header>h1,header>nav{clear:none;width:auto}header>h1{font-size:1.3em;margin-right:1em;padding-top:.4em}}header>nav>div>.button:nth-of-type(1){background-color:#69D2E7}header>nav>div>.button.examples,main>section.home>.title>div>.card>div>.button.examples{background-color:#53777A}header>nav>div>.button:nth-of-type(1):hover{border-bottom-color:#27bedc}header>nav>div>.button.examples:hover{border-bottom-color:#344b4c}header>nav>div>.button.usage{background-color:#98c632}header>nav>div>.button.usage:hover{border-bottom-color:#698923}header>nav>div>.button.contact{background-color:#F9CDAD}header>nav>div>.button.contact:hover{border-bottom-color:#f4a266}main,main>section,main>section>.details{width:100%;display:block;position:relative}main{z-index:1}@media only screen and (min-width :768px){main{top:0;left:0;bottom:0;right:0;height:100%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}main>section{float:left;height:auto;min-height:100%;border-bottom:1px solid #e0e0e0;padding:0}@media only screen and (min-width :768px){main>section{padding:4em 2em}}main>section>.details{min-height:100%;clear:both;padding:1em}@media only screen and (min-width :1260px){main>section>.details{padding-top:10em}}main>section>.details>h2,main>section>.details>p{margin:0;padding:0}main>section>.details>h2{font-size:2em}main>section>.details h2+p{padding:.25em 0 1.75em;color:#707070;margin:0 auto 1em;max-width:30em}main>section>.details h2+p>em{font-weight:700;font-style:normal;color:#000}main>section.home>.blocks{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;overflow:hidden}main>section.home>.blocks>div{position:relative;z-index:1;display:block;float:left;width:4em;height:4em;opacity:0;box-shadow:.25em .25em .5em rgba(0,0,0,.1);border-radius:.15em;transition:.5s;-webkit-transform:rotate(45deg)}@media only screen and (min-width :768px){main>section.home>.blocks{left:-8em;right:-8em}main>section.home>.blocks>div{width:6em;height:6em;-webkit-transform:rotate(0)}}main>section.home>.blocks>div.appear{-webkit-transform:rotate(45deg);opacity:1}main>section.home>.title{z-index:2;position:relative;display:table;width:100%;height:100%}main>section.home>.title>div{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%}main>section.home>.title>div>.card{display:table;vertical-align:middle;text-align:center;margin:0 auto}main>section.home>.title>div>.card>div{display:table-cell;vertical-align:middle;text-align:center;background-color:rgba(255,255,255,.85);padding:3em 2em;box-shadow:.25em .25em .5em rgba(0,0,0,.1)}main>section.home>.title>div>.card>div>h2{font-size:2.4em}main>section.home>.title>div>.card>div>h2,main>section.home>.title>div>.card>div>p{margin:0;padding:0}main>section.home>.title>div>.card>div>p{padding:.25em 0 1.75em;color:#707070;max-width:30em}main>section.home>.title>div>.card>div>.button{display:block;margin:0 auto .75em;max-width:16em}main>section.home>.title>div>.card>div>.button:last-of-type{margin-bottom:0}.example,.example>.frame{margin-bottom:1.5em;float:left}main>section.home>.title>div>.card>div>.button.download{background-color:#F9CDAD}main>section.contact,main>section.examples,main>section.usage{text-align:center;background-color:#fafafa;-webkit-font-smoothing:antialiased}main>section.home{background-color:#fafafa}main>section.usage{border-left:1em solid #98c632}main>section.usage>.details>h2,main>section.usage>.details>h2+p>a{color:#98c632}main>section.examples{border-left:1em solid #53777A}main>section.examples>.details>h2{color:#53777A}main>section.examples>.details .button{background-color:#53777A}main>section.contact{border-left:1em solid #F9CDAD}main>section.contact>.details .button.inline,main>section.contact>.details>h2{color:#F9CDAD}.button{display:inline-block;background-color:#98c632;-webkit-font-smoothing:antialiased;font-weight:700;color:#fff;padding:.75em 1em;text-decoration:none;text-align:center;border-radius:.15em}.button>.fa{margin-right:.25em}.button.inline{display:inline;padding:0;color:#98c632;background-color:transparent;text-decoration:underline}.example{position:relative;width:100%}@media only screen and (min-width :768px){.example{width:50%;padding-right:1.5em}.example>.frame{height:30em}}@media only screen and (min-width :1260px){.example{width:33.333%;padding-right:3em}}@media only screen and (min-width :1600px){main>section.home>.title>div>.card>div>h2{font-size:3.2em}.example{width:25%}}@media only screen and (min-width :1800px){.example{width:20%}}.example>.frame{position:relative;padding:1.5em 1.5em 0;clear:both;width:100%;background-color:rgba(255,255,255,.85);transition:.3s;border-radius:.15em}.example>.frame>div{float:left;width:100%}.example>.frame>div:first-of-type{height:0;padding-bottom:56.25%;overflow:hidden}.example>.frame>div:first-of-type>a>img{display:block;width:100%}.example>.frame>div:last-of-type{text-align:center;padding:1em 0 0}.example>.frame>div:last-of-type>.button{display:block;clear:both;font-size:.85em;min-width:100%;margin:0;text-align:center}.example>.frame>div:last-of-type>.blocks{display:block;float:left;width:100%;margin-bottom:.5em}.example>.frame>div:last-of-type>.blocks>div{float:left;width:10%;height:2.25em;transition:1s}.example>.frame>div:last-of-type>.blocks>div:first-of-type{border-radius:.15em 0 0 .15em}.example>.frame>div:last-of-type>.blocks>div:last-of-type{border-radius:0 .15em .15em 0}.example>.frame>div:last-of-type>.details{font-size:.85em;text-align:left;margin-bottom:1em;opacity:0;line-height:1.8;color:#707070}.example>.frame>div:last-of-type>.details>span{color:#fff;padding:.1em .2em;border-radius:.15em}.example>.frame>div:last-of-type>.details.visible{opacity:1;transition:1s}.func,.notes{float:left;width:100%;color:#000;text-align:left}@media only screen and (min-width :1600px){.func,.notes{width:33.333%;padding-right:1.5em}}.func>div,.notes>div{background-color:#fff;border-radius:.15em;padding:2em}.func>div>h3,.notes>div>h3{font-size:1.4em;margin:0;padding:0}.func>div>pre,.notes>div>pre{padding:1.5em;font-size:.95em;text-align:left;font-family:monospace;color:#fff}.func>div{margin-bottom:1.5em}.func>div>h3{text-align:center}.notes>.details p,.notes>.details ul{color:#707070}.notes>.details p.cta>.button{display:block;width:100%;margin:0 0 .5em}@media only screen and (min-width :768px){.notes{width:100%}.notes>.details p.cta>.button{display:inline-block;width:auto;margin-right:.5em}}