@import url(https://fonts.googleapis.com/css?family=PT+Mono);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"proxima-nova-soft", "Proxima Nova Soft", "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;background-color:#495454;color:#f3f3f3;font-size:18px;letter-spacing:0.05ex;-webkit-font-smoothing:subpixel-antialiased}a{color:#f3f3f3;text-decoration:none}a:hover{border-bottom:3px solid #f3f3f3}header{background-color:#374040;height:70px;padding:0 1em;font-weight:500}header h1{font-size:24px;line-height:65px;float:left}header h1 a{color:#ff4d00;border-bottom:3px solid #495454}header h1 a:hover{border-color:#ff4d00}header .header-actions{float:right;position:relative;top:14px}header .header-actions a{margin-left:1em}header .header-actions .download{border:3px solid #495454;border-radius:10px;display:inline-block;padding:8px 16px}header .header-actions .download:hover{background-color:#495454}@media only screen and (max-width: 420px){header{height:120px}header h1{float:none;text-align:center}header .header-actions{float:none;text-align:center}header .header-actions a{margin:0 0.5em}header .header-actions .download{border:none;border-radius:0;display:inline;padding:0}header .header-actions .download:hover{background:none;border-bottom:3px solid #f3f3f3}}.content h1{font-size:54px;text-align:center;margin:1em 0}.content pre,.content code{font-family:"PT Mono", monospace}.content .actions{max-width:calc(900px + 2em);margin:100px auto;padding:0 1em;font-weight:500;display:table}@media only screen and (max-width: 820px){.content .actions{margin:50px 0}}.content .actions form{cursor:pointer}.content .actions a:not(.anvil),.content .actions form{border:3px solid #374040;display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:12px 24px;border-radius:10px;width:32%}.content .actions a:not(.anvil).download,.content .actions form.download{font-size:24px;padding:24px;width:100%;color:#374040;font-weight:600;margin-bottom:2%;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s;border-color:#60b7f0;background-color:#60b7f0 !important}.content .actions a:not(.anvil).download:hover,.content .actions form.download:hover{-webkit-transform:scale(1.02) translate3d(0, 0, 0);-moz-transform:scale(1.02) translate3d(0, 0, 0);transform:scale(1.02) translate3d(0, 0, 0);backface-visibility:hidden}.content .actions a:not(.anvil).download:active,.content .actions form.download:active{-webkit-transform:scale(0.98) translate3d(0, 0, 0);-moz-transform:scale(0.98) translate3d(0, 0, 0);transform:scale(0.98) translate3d(0, 0, 0);backface-visibility:hidden}.content .actions a:not(.anvil):hover,.content .actions form:hover{background-color:#374040}.content .actions a:not(.anvil).middle-button,.content .actions form.middle-button{margin:0 2%}.content .actions a:not(.anvil).last-button,.content .actions form.last-button{margin-bottom:0 !important}@media only screen and (max-width: 820px){.content .actions a:not(.anvil),.content .actions form{width:100% !important;margin:0 0 1em !important}}.content .actions .anvil{position:relative;display:inline-block;padding-left:93px;height:50px;margin:0 auto;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:50%;margin-top:100px;margin-left:-88px;line-height:84px;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}@media only screen and (max-width: 820px){.content .actions .anvil{margin-top:50px}}.content .actions .anvil:before{content:"";width:110px;height:50px;position:absolute;bottom:0;left:0;background:url("../../img/elixir/anvil.svg") no-repeat right center;background-size:contain}.content .actions .anvil:hover{-webkit-transform:scale(1.05) translate3d(0, 0, 0);-moz-transform:scale(1.05) translate3d(0, 0, 0);transform:scale(1.05) translate3d(0, 0, 0);backface-visibility:hidden;border:none}.content .actions .anvil:active{-webkit-transform:scale(0.95) translate3d(0, 0, 0);-moz-transform:scale(0.95) translate3d(0, 0, 0);transform:scale(0.95) translate3d(0, 0, 0);backface-visibility:hidden}img{width:100%;min-height:200px;display:block;border:10px solid #374040;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto 1em;float:left}@media only screen and (max-width: 1000px){img{border-left:none;border-right:none;width:100% !important}}.statamic,.examples,.squares,.lazy,.background{overflow:auto}.statamic,.squares{padding-right:10px}.statamic img,.squares img{width:25%;margin-bottom:0;border-color:#495454;border-right:none;border-top:none;min-height:100px}@media only screen and (max-width: 1000px){.statamic,.squares{padding-right:0}}.lazy{max-width:1000px;margin:0 auto -1em}.background div{height:500px;background-size:cover;background-position:center;background-repeat:no-repeat}.hero{position:relative}.hero img{border:none;float:none;margin:0}.hero h1{position:absolute;top:0;width:100%;margin:1.5em 0}@media only screen and (max-width: 820px){.hero h1{margin:0;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);backface-visibility:hidden}}.hero span{position:absolute;bottom:0;text-align:center;margin-bottom:1em;padding:5px 10px;background-color:#495454;font-family:"PT Mono", monospace;left:50%;-webkit-transform:translate3d(-50%, 0, 0);-moz-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);backface-visibility:hidden;border-radius:5px;white-space:nowrap}@media only screen and (max-width: 820px){.hero span{font-size:16px;top:calc(100% + 1em);margin-bottom:0;background-color:#374040;bottom:auto}}.code-block{max-width:900px;padding:0 1em;margin:0 auto;padding-bottom:100px;transform:translate3d(0, 0, 0);backface-visibility:hidden}@media only screen and (max-width: 820px){.code-block{padding-top:80px}}.code-block pre{white-space:pre;line-height:1.5;background-color:#374040;padding:.8em 1.2em;position:relative;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s;backface-visibility:hidden}@media only screen and (max-width: 820px){.code-block pre{overflow:hidden;overflow-x:scroll;margin-bottom:0}}@media only screen and (max-width: 920px){.code-block pre{font-size:16px}}.code-block pre:hover:not(.done){-webkit-transform:scale(1.02) translate3d(0, 0, 0);-moz-transform:scale(1.02) translate3d(0, 0, 0);transform:scale(1.02) translate3d(0, 0, 0);backface-visibility:hidden;cursor:pointer}.code-block pre:before,.code-block pre:after{font-family:"Proxima Nova Soft", "proxima-nova-soft";position:absolute;font-size:36px;color:#374040;font-weight:600;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);backface-visibility:hidden;right:calc(100% + 1rem)}@media only screen and (max-width: 1200px){.code-block pre:before,.code-block pre:after{left:1rem;top:-1.2rem}}.code-block pre:after{right:auto;left:calc(100% + 1rem)}@media only screen and (max-width: 1200px){.code-block pre:after{right:1rem;left:auto}}.code-block pre.script{border-top-left-radius:10px;border-top-right-radius:10px}.code-block pre.script:before{content:"Script"}.code-block pre.single:before{content:"Single"}.code-block pre.single:after{content:"Hosted"}.code-block pre.group:before{content:"Group"}.code-block pre.group:after{content:"Local"}.code-block pre.css:before{content:"CSS"}.code-block pre.call{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.code-block pre.call:before{content:"Call"}.code-block pre.done{border-radius:10px;margin:100px 0}@media only screen and (max-width: 820px){.code-block pre.done{margin-top:1rem;white-space:pre-wrap}}.code-block pre.done:before{content:"Done"}.code-block .divider{font-size:54px;font-weight:800;color:#374040;width:100%;text-align:center;border-left:3px dashed rgba(55,64,64,0.5);border-right:3px dashed rgba(55,64,64,0.5);height:100px;line-height:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}@media only screen and (max-width: 820px){.code-block .divider{height:50px;line-height:50px}}.code-block .mini-doc{background-color:#3e4848;padding:.8em 1.2em;font-size:1.2em;line-height:1.5;margin-bottom:100px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}@media only screen and (max-width: 920px){.code-block .mini-doc{font-size:16px;margin-bottom:50px}}.code-block .mini-doc p,.code-block .mini-doc ul{margin-bottom:1em}.code-block .mini-doc p code,.code-block .mini-doc ul code{background-color:#495454;padding:5px}.code-block .mini-doc p strong,.code-block .mini-doc ul strong{font-size:1.4em;font-weight:800}.code-block .mini-doc p li:last-of-type,.code-block .mini-doc ul li:last-of-type{margin-left:1em}.code-block .mini-doc p a,.code-block .mini-doc ul a{border-bottom:3px solid #495454}.code-block .mini-doc p a:hover,.code-block .mini-doc ul a:hover{border-color:#f3f3f3}.code-block .mini-doc p:last-of-type,.code-block .mini-doc ul:last-of-type{margin-bottom:0}.no-touch{pointer-events:none}.data-elixir{color:#81e4b3}.img-width{color:#b285e0}.img-height{color:#60b7f0}.tag{color:#f4f471}.comment{color:#495454}.note{opacity:0.35}.logos{padding-top:2%;max-width:900px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.logos h1{font-size:2em;width:100%}.logos a{width:25%;padding:5%;box-sizing:border-box;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.logos a:hover{border-bottom:none;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.logos img{min-height:inherit;border:none}.logos hr{width:100%;clear:both;margin:0;border:none;opacity:0;visibility:hidden}