/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;line-height:1.6;height:100%;color:#06262d;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}a{color:#06262d;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}a:hover{text-decoration:none}a:focus{outline:3px solid #ff5400}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.9rem}h4{font-size:1.6rem}h5{font-size:1.2rem}h6{font-size:1rem}p{font-size:1.125rem;margin:0.5rem 0}code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:#ededed;border-radius:3px;color:#000}pre>code{overflow:auto;display:block;padding:0.6em 1em;background-color:#06262d;border-radius:0;color:#fff}.partial{margin:0 1rem}@media screen and (min-width: 480px){.partial{margin:0 2rem}}main>div:first-child>.partial{margin-top:6rem}main>div:last-child>.partial{margin-bottom:8rem}.markdown-trademark{font-size:85%}.markdown-hint{border-left:10px solid #00a887;padding:1em;margin:1.5rem 2rem;background-color:#f5f5f5}code[class*="language-"],pre[class*="language-"]{color:#f8f8f2;text-shadow:0 1px rgba(0,0,0,0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre.code-toolbar{position:relative}pre.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity 0.3s ease-in-out;opacity:0}pre.code-toolbar:hover>.toolbar{opacity:1}pre.code-toolbar>.toolbar .toolbar-item{display:inline-block}pre.code-toolbar>.toolbar a{cursor:pointer}pre.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}pre.code-toolbar>.toolbar a,pre.code-toolbar>.toolbar button,pre.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,0.2);box-shadow:0 2px 0 0 rgba(0,0,0,0.2);border-radius:.5em}pre.code-toolbar>.toolbar a:hover,pre.code-toolbar>.toolbar a:focus,pre.code-toolbar>.toolbar button:hover,pre.code-toolbar>.toolbar button:focus,pre.code-toolbar>.toolbar span:hover,pre.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}.header{position:relative;top:0;display:block;height:45rem;background-color:#b2e1d8;background:linear-gradient(135deg, #b2e1d8 0%, #007565 100%);overflow:hidden;perspective:10px;z-index:10}@media screen and (min-width: 650px){.header{top:3.3em}}.header:before,.header:after{content:'';position:absolute;top:-50%;left:20%;background-color:#b2e1d8;background:linear-gradient(to right, rgba(178,225,216,0) 0%, #b2e1d8 30%, #b2e1d8 70%, rgba(178,225,216,0) 100%);width:8rem;height:250%;transform:rotate(-45deg);opacity:0.2;z-index:10}@media screen and (min-width: 500px){.header:before,.header:after{-webkit-animation:light1 10s infinite;animation:light1 10s infinite}}.header:before{opacity:0.3;width:20rem}@media screen and (min-width: 500px){.header:before{-webkit-animation:light2 20s infinite;animation:light2 20s infinite}}@-webkit-keyframes light1{from{left:30%}60%{left:33%}to{left:30%}}@keyframes light1{from{left:30%}60%{left:33%}to{left:30%}}@-webkit-keyframes light2{from{width:20rem}50%{width:25rem}to{width:20rem}}@keyframes light2{from{width:20rem}50%{width:25rem}to{width:20rem}}.header__rocks{position:absolute;z-index:20}.header__rocks--left{left:0;bottom:0;width:330px;height:auto}.header__rocks--right{right:-25rem;top:-2px;width:auto;height:45.5rem}@media screen and (min-width: 500px){.header__rocks--right{right:-18rem}}@media screen and (min-width: 1000px){.header__rocks--right{right:-12rem}}.header__rocks--back{left:30%;bottom:0;width:auto;height:16rem;z-index:9}.header__logo{position:absolute;top:5rem;left:50%;width:320px;margin-left:-160px;z-index:20}.header__logo__logo,.header__logo__cuttlebelle{display:block;margin:0 auto;height:auto}.header__logo__logo{width:184px;margin-bottom:1rem}.header__logo__logo .logo-bubble,.header__logo__logo .logo-head,.header__logo__logo .logo-head-shadow{transition:fill 20s ease}.header__logo__logo:hover .logo-bubble{fill:#c42b51;-webkit-animation:skin 4s steps(16) infinite;animation:skin 4s steps(16) infinite}.header__logo__logo:hover .logo-head,.header__logo__logo:hover .logo-head-shadow{fill:#ff5778;animation:skin 10s steps(64) 0s infinite reverse}.header__logo__cuttlebelle{width:300px}.header__logo__description{font-size:1.125rem;text-align:center;color:#06262d}@-webkit-keyframes skin{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}@keyframes skin{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}.header__bubble{position:absolute;left:14.5rem;top:5rem;height:40px;width:40px;box-shadow:0 5px 7px rgba(0,117,101,0.1),inset 2px 3px 6px 0px rgba(255,255,255,0.8);border-radius:50%}.header__bubble:after{content:'';position:absolute;left:1px;width:40px;height:40px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);box-shadow:inset 0 3px 8px rgba(255,255,255,0.6)}.header__bubble--floater{transform:scale(0.2);left:-49px;top:40px;z-index:10}.header__bubble--floater1{transform:scale(0.1)}.header__bubble--floater2{transform:scale(0.3)}.header__bubble--floater3{transform:scale(0.4)}.header__bubble--left{left:3rem}.header__bubble__icon{position:absolute;left:0.6rem;top:0.7rem;width:50%;height:auto}.header__bubble__icon--content{width:35%;left:0.8rem;top:0.8rem}.header__fishschool{position:absolute;left:220px;bottom:160px;-webkit-animation:swim 80s infinite;animation:swim 80s infinite}@media screen and (min-width: 1100px){.header__fishschool{bottom:57px}}.header__fishschool__fish{position:absolute;top:0;left:0;width:12px;height:auto}.header__fishschool__fish--3,.header__fishschool__fish--4,.header__fishschool__fish--5,.header__fishschool__fish--8{width:10px}.header__fishschool__fish--6,.header__fishschool__fish--7{width:8px}.header__fishschool__fish--1{top:9px}.header__fishschool__fish--2{left:8px}.header__fishschool__fish--3{top:7px;left:19px}.header__fishschool__fish--4{top:18px;left:25px}.header__fishschool__fish--5{top:10px;left:31px;opacity:0.8}.header__fishschool__fish--6{top:16px;left:39px;transform:rotate(-12deg);opacity:0.7}.header__fishschool__fish--7{top:5px;left:41px}.header__fishschool__fish--8{top:12px;left:48px;transform:rotate(9deg)}@-webkit-keyframes swim{from{left:0%}to{left:100%}}@keyframes swim{from{left:0%}to{left:100%}}.nav{top:0;right:0;left:0;z-index:9;overflow:hidden;background-color:#b2e1d8;border-bottom:3px solid #06262d}@media screen and (min-width: 650px){.nav{position:fixed;height:3.2rem}}.nav ul{list-style:none;padding:0;margin:0 2rem;font-size:1.125rem;vertical-align:middle;text-align:center;white-space:nowrap}@media screen and (min-width: 650px){.nav ul{text-align:right}}.nav__link{display:block;vertical-align:middle;margin:0.7rem}@media screen and (min-width: 650px){.nav__link{display:inline-block}}.nav__link:last-child{margin-right:0}.nav__link>a{display:block}.nav__link--active a{font-weight:bold}.nav__link__logo{height:2.5rem;width:auto;vertical-align:middle}@media screen and (min-width: 650px){.nav__link__logo{height:1.5rem}}.nav__link__github{display:inline-block;height:1.2rem;width:auto;vertical-align:middle;margin-right:0.5rem;margin-bottom:0.1rem}.nav__link__github__text{display:inline}@media screen and (min-width: 650px){.nav__link__github__text{display:none}}@media screen and (min-width: 710px){.nav__link__github__text{display:inline}}.nav__link--fixed{margin:1.5rem 0}@media screen and (min-width: 650px){.nav__link--fixed{float:left;margin-top:0.7rem}}.page-index .nav__link--fixed{display:none}@media screen and (min-width: 650px){.page-index .nav__link--fixed{display:inline}}.nav__link--generated{margin:0.8rem}.btn{display:inline-block;padding:0.5rem 1rem;background-color:#fff;color:#06262d;border-radius:8px;border:3px solid #06262d;font-size:1.125rem;font-weight:bold;text-decoration:none;transition:background 0.2s ease}.btn:focus{border-color:#ff5400;border-radius:0;outline:none}.btn:hover{background-color:#b2e1d8}.btn.btn--block{display:block;text-align:center}.btn.btn--is-hidden{display:none}.code:not(.keyword){display:block;padding:1.25rem;background-color:#06262d;border-radius:3px;font-family:"fira-mono", "PT Sans Mono", "Monaco", "Iconsolas", "Droid Sans Mono", monospace;color:#fff;font-size:1.125rem;box-shadow:0 0 1em rgba(0,0,0,0.25);overflow:auto}.code__command{display:block}.code__command:before{content:'$';display:inline-block;color:#1898b4;margin-right:0.5rem}.code__stdout{white-space:pre;padding-left:1rem;margin:0;opacity:0.4}.body{padding-left:1rem;padding-right:1rem;max-width:42em}@media screen and (min-width: 480px){.body{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 650px){.body{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1000px){.body{padding-left:8rem;padding-right:8rem}}.cta{position:relative;padding:0;background-color:#f5f5f5;margin-bottom:8rem}@media screen and (min-width: 720px){.cta{margin-bottom:13rem}}.cta:before,.cta:after{content:" ";display:table}.cta:after{clear:both}@media screen and (min-width: 1000px){.cta__section__wrapper{display:flex;flex-direction:row-reverse;align-items:center}}@media screen and (min-width: 1000px){.cta__section{width:60%;float:left}.cta__section--top{float:right;width:40%}.cta__section--code{width:100%;clear:both}}.cta__section__body,.cta__section--bottom{margin-bottom:5rem}@media screen and (min-width: 1000px){.cta__section__body,.cta__section--bottom{margin-top:4rem}}.cta__section--code{position:absolute;bottom:0;width:100%;transform:translateY(50%)}.cta__section__body .btn{margin-top:1rem}.cta__section__body.body{padding-bottom:2rem}@media screen and (min-width: 720px){.cta__section__body.body{padding-bottom:6rem}}@media screen and (min-width: 1000px){.cta__section__body.body{padding-bottom:4rem}}.cta__section__logo{display:block;margin:2rem auto 0 auto;padding:0 1rem;max-width:90%;height:auto}@media screen and (min-width: 480px){.cta__section__logo{max-width:32rem}}@media screen and (min-width: 1000px){.cta__section__logo{margin-top:-3rem}}.cta__code{display:block;margin:0 1rem}@media screen and (min-width: 480px){.cta__code{margin:0 2rem}}.cta__code .code__stdout{display:none}@media screen and (min-width: 720px){.cta__code{max-width:41.5rem;margin:0 auto}.cta__code .code__stdout{display:block}}.tiles{margin:5rem 0 0 0}.tiles__headline{text-align:center;margin-bottom:3rem}.tiles__wrapper{display:flex;flex-wrap:wrap;overflow:hidden}.tiles__wrapper:last-child .tiles__section{padding-bottom:3rem}@media screen and (min-width: 650px){.tiles__section{flex-grow:1;float:left;width:60%}.tiles__section--right{float:right;order:2}}.tiles__section__body{margin:0 auto;font-size:1.7rem}.tiles__section__body .body{padding-top:3rem;padding-bottom:3rem}.tiles__section--image{display:flex;align-items:center;background-color:#b2e1d8;width:100%}@media screen and (min-width: 650px){.tiles__section--image{width:40%}}@media screen and (min-width: 1200px){.tiles__section--image,.tiles__section{width:50%}}.tiles__section__body__icon{height:100%;max-height:15rem;width:100%;margin:0 auto}.footer{position:relative;padding:10rem 6rem 6rem 6rem;background-color:#06262d;color:#fff;text-align:right}.footer__bottom{position:absolute;width:auto;bottom:100%;left:-1px;right:0;margin-bottom:-1px}.footer__hole{width:230px;height:auto;position:absolute;left:50%;margin-left:-115px;top:-60px}.examples{overflow:hidden;padding-bottom:3rem}@media screen and (min-width: 650px){.examples{padding:4rem 0}}@media screen and (min-width: 1250px){.examples{padding:4rem 4rem}}.examples__headline{text-align:center;margin:4rem 0}@media screen and (min-width: 650px){.examples__headline{margin:0 0 4rem 0}}.examples__list{list-style:none;margin:0;padding:0;overflow:hidden}@media screen and (min-width: 1110px){.examples__list{display:flex}}.examples__list li{margin-bottom:5rem}@media screen and (min-width: 650px){.examples__list li{width:100%;max-width:35rem;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1110px){.examples__list li{display:flex;flex-direction:column;float:left;width:50%}}.examples__list__headline,.examples__list__body,.examples__list__example{margin:0 1rem}@media screen and (min-width: 480px){.examples__list__headline,.examples__list__body,.examples__list__example{margin:0 2rem}}@media screen and (min-width: 650px){.examples__list__headline,.examples__list__body{text-align:center}.examples__list__example{margin:0}}.examples__list__text{max-width:27rem;margin:0 auto}.examples__list__headline{font-size:1.2rem;font-weight:bold;margin-bottom:2rem}.examples__list__body{max-width:42em}.examples__list__example{display:block}.examples__list__example .content{padding-top:1rem}.cheats{margin:0 2rem 5rem 2rem;overflow:hidden}@media screen and (min-width: 650px){.cheats{margin-top:3.2rem}}.cheat{padding-bottom:1.5rem}@supports ((-moz-columns: 18rem 4) or (columns: 18rem 4)){@media screen and (min-width: 650px){.cheats{-moz-columns:20rem 4;columns:20rem 4;-moz-column-fill:balance;column-fill:balance}}.cheat{display:inline-block;width:100%}}.cheat__headline{font-size:1.3rem;margin:1.5rem 0 0 0;padding:1.3rem 0.5rem 0.5rem 0.5rem;border:3px solid #06262d;border-bottom:none;text-align:center}.cheat__description{border-left:3px solid #06262d;border-right:3px solid #06262d;padding:0.5rem}.cheat__description p{font-size:0.888888888rem;margin-top:0}.cheat__item{border:3px solid #06262d;border-bottom:none;box-sizing:border-box}.cheat__item:last-child{border-bottom:3px solid #06262d}.cheat__item__headline{padding:0.5rem;cursor:pointer;background-color:#f5f5f5}.cheat__item__headline:focus{outline:3px solid #ff5400}.cheat__item__details{padding-top:1rem}.cheat__item__details pre{margin:0}.cheat__item__details pre code{padding-top:0.8rem}.cheat__item__details p{margin:0.5rem;font-size:0.888888888rem}.cheat__item__details p:first-child{padding-top:0;margin-top:0}.cheat__item__details p:last-child{margin-bottom:0;padding-bottom:0.5rem}.toc{margin:0 1rem 0 1rem;overflow:hidden}@media screen and (min-width: 650px){.toc{padding-top:3rem}}.toc__section__headline{margin:0.5rem 0 0 0;font-size:1.2rem}.toc__section{margin-bottom:1rem}.toc__section ul{display:none;list-style:none;margin:0 0 0 0.5rem}.toc__section.toc__section--active ul{display:block}@media screen and (min-width: 700px){.toc__section{margin-bottom:0;width:33.333333333%;float:left}.toc__section ul,.toc__section.toc__section--active ul{display:block}}@media screen and (min-width: 980px){.toc__section{margin-bottom:2.5rem;float:none;width:auto}}.toc__section h2,.toc__section ul{padding:0 1rem}.toc__section li{margin:0.5rem 0}.toc__section--active .toc__section__headline{font-weight:bold}.content{padding:0 1rem}@media screen and (min-width: 480px){.content{padding:0 2rem}}.content{position:relative;padding-top:3rem;max-width:42em;margin-left:auto;margin-right:auto}.content pre{transform:translate3d(0, 0, 0)}.content pre code{position:relative;border-radius:3px;padding-top:2.5rem;padding-bottom:1rem;color:#fff}.content pre code:before{content:'';position:absolute;left:0;right:0;height:1rem;padding:0.5rem 1em;top:0}.content pre code:after{content:'';position:fixed;top:0;left:1em;width:54px;height:1rem;padding:0.5rem 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 14' width='54px' height='14px'%3E%3Ccircle fill='%23FF5F58' cx='6' cy='6' r='5.5'%3E%3C/circle%3E%3Ccircle fill='%23FFBE2D' cx='26' cy='6' r='5.5'%3E%3C/circle%3E%3Ccircle fill='%2327CA41' cx='46' cy='6' r='5.5'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.content pre.code-toolbar>.toolbar{right:.5em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:0}.content hr{border:none;border-top:2px dashed #06262d;margin:1.5rem 0}.content th{text-align:left;padding:0.5rem}.content tbody tr:nth-child(odd){background-color:#f5f5f5}.content td{padding:0.5rem}.content img{display:block;max-width:100%;box-shadow:0 0 11px -3px rgba(0,0,0,0.5);margin:1rem 0}.content__link{position:absolute;top:5.3rem;left:0.25rem;font-size:1rem;display:none}.content:hover .content__link{display:block}@media screen and (min-width: 480px){.content__link{font-size:1.5rem;top:5rem}}.content__edit-this-page{opacity:0.5;transition:opacity 0.3s ease}.content__edit-this-page:hover{opacity:1}.content__icon{display:block;margin:0 auto;width:100%;max-height:20rem}.docs{overflow:hidden;margin-top:3rem;margin-bottom:8rem}@media screen and (min-width: 980px){.docs__nav{float:left;width:30%}.docs__content{float:left;width:70%}}