/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}audio,canvas,progress,video{display:inline-block}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}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}.grid-item,textarea{overflow:auto}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}[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}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:fontello;src:url(../font/fontello.eot?72109660);src:url(../font/fontello.eot?72109660#iefix) format('embedded-opentype'),url(../font/fontello.woff2?72109660) format('woff2'),url(../font/fontello.woff?72109660) format('woff'),url(../font/fontello.ttf?72109660) format('truetype'),url(../font/fontello.svg?72109660#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-help-circled:before{content:'\e800'}.icon-plus:before{content:'\e801'}.icon-ok:before{content:'\e802'}.icon-cog:before{content:'\e803'}.icon-cancel:before{content:'\e804'}.icon-twitter:before{content:'\f099'}.icon-github-circled:before{content:'\f09b'}.icon-linkedin:before{content:'\f0e1'}.icon-user-o:before{content:'\f2c0'}.social-nav{position:fixed;top:0;right:0;z-index:10}@media screen and (max-width:800px){.social-nav{position:static}}.social-nav__list{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.social-nav__item{margin:0 .5rem}.social-nav__link{font-size:2rem;text-decoration:none;color:#333;opacity:.7;-webkit-transition:.3s all;transition:.3s all}.social-nav__link:hover{color:#111;opacity:1;-webkit-transition:.3s all;transition:.3s all}.grid-container{display:grid;width:90%;height:950px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:10px;grid-row-gap:10px;grid-auto-flow:dense;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-transition:.5s all;transition:.5s all;position:relative}.grid-item,.grid-options{-webkit-transition:.5s all}.grid-item{transition:.5s all;position:relative;-webkit-box-sizing:padding-box;box-sizing:padding-box}.grid-item__button{cursor:pointer;position:absolute;border:none;background:0 0;color:#333;opacity:.8;-webkit-transition:.3s all;transition:.3s all}.grid-item__button:hover{color:#111;opacity:1;-webkit-transition:.3s all;transition:.3s all}.grid-item__button--delete{top:1.5rem;right:.5rem}.grid-item__button--apply{display:block;position:static;margin:1rem auto}.grid-item__input,.grid-item__label{display:block;margin:0 auto;text-align:center}.grid-item__options{padding:3rem 1rem 1rem}.grid-item__label{width:100%;font-size:1.4rem;color:#111}.grid-item__input{width:40%;height:2rem;border-radius:1.5rem;border:1px solid #000}.grid-options,.grid-options__controls{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}.grid-options{position:relative;height:0;width:80%;transition:.5s all;overflow:hidden;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.grid-options--expanded{height:700px;-webkit-transition:.5s all;transition:.5s all}@media screen and (max-width:800px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:5px;grid-row-gap:5px}.grid-item__options{padding-top:4rem}.grid-item__input{width:80%}.grid-options--expanded{height:800px}}.grid-options__controls{width:90%;margin:1rem 0 2rem;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:3rem}@media screen and (max-width:800px){.grid-options__controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:150px}.grid-options__button{margin:1rem 0}}.grid-options__button{cursor:pointer;background:0 0;border:1px solid #000;width:15rem;height:3rem;border-radius:1.5rem;-webkit-transition:.3s all;transition:.3s all}.grid-options__button:hover{-webkit-transition:.3s all;transition:.3s all;background-color:#111;color:#fff}.grid-options__button--add{padding:0 2rem 0 0}.grid-options__button--help,.grid-options__button--options{padding:0 1rem 0 0}.grid-options__button--apply{margin:0 auto;padding:0 0 0 1rem}.grid-options__help-box{position:fixed;z-index:20;top:-300vh;left:0;width:100vw;min-height:100vh;background-color:rgba(0,0,0,.7);-webkit-transition:.5s all;transition:.5s all}.grid-options__help-box--visible{top:0;-webkit-transition:.5s all;transition:.5s all}.grid-options__article{width:90vw;max-height:90vh;margin:5vh auto;background-color:rgba(255,255,255,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 5rem 2rem;position:relative;overflow-y:auto}.grid-options__close-modal{cursor:pointer;position:absolute;top:4rem;right:1rem;background:0 0;border:none;font-size:2rem;color:#333}.grid-options__title{font-size:2rem;text-align:center}@media screen and (max-width:800px){.grid-options__article{padding:0 2rem 1rem}.grid-options__close-modal{top:1rem}.grid-options__title{margin-top:5rem}}.grid-options__subtitle{font-size:1.8rem;font-weight:700;margin:.5rem 2rem}@media screen and (max-width:800px){.grid-options__subtitle{margin:.5rem 1rem}}.grid-options__paragraph{font-size:1.4rem;margin:.3rem 2rem}@media screen and (max-width:800px){.grid-options__paragraph{margin:.5rem 1rem}}.grid-options__paragraph--last{padding-top:1rem;padding-bottom:2rem}.grid-options__paragraph--italic{font-style:italic}.grid-options__code{display:inline;font-size:1.4rem;margin:.3rem;background-color:#d2d2d2}.options-form{margin:0 auto;width:50%;padding:1rem 2.5%}@media screen and (max-width:800px){.options-form{width:90%}}.options-form__fieldset{border:none;text-align:center;display:block}.options-form__legend{margin:0 auto;display:block;width:100%;text-align:center;font-weight:700}.options-form__label{text-align:center;display:block;margin:.5rem}.options-form__input,.options-form__select{margin:0 auto;width:50%;display:block;text-align:center;border-radius:1rem;padding:.5rem;border:1px solid #000}.bonus-materials,.container{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}@media screen and (max-width:800px){.options-form__input,.options-form__select{width:90%}}.options-form__select{width:53%;padding:.4rem .5rem}.bonus-materials{display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}@media screen and (max-width:800px){.bonus-materials{margin-top:2rem}}.bonus-materials__title{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center}.bonus-materials__description{margin-top:0}.bonus-materials__link{display:block;color:#333}@media screen and (max-width:800px){.bonus-materials__description,.bonus-materials__link{font-size:1.4rem;margin:.5rem 0;padding:0 1rem;text-align:center}}.footer{margin:10px 0 5px}.footer__text{font-size:1.2rem}.footer__link{color:#333;text-decoration:none}.footer__link:hover{text-decoration:underline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;font-family:Ubuntu,sans-serif;line-height:1.6}body{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.6rem;color:#333}.overflow-on{overflow-x:hidden;overflow-y:auto}.overflow-off{overflow-x:hidden;overflow-y:hidden}.github-button{position:fixed;top:2rem;left:2rem}.container{display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.container__title{color:#333;margin-top:5rem;margin-bottom:0}@media screen and (max-width:800px){.container__title{margin:1rem 1rem 2rem;font-size:2.5rem}}.container__subtitle{margin:0;font-size:1.6rem}@media screen and (max-width:800px){.container__subtitle{font-size:1.4rem;margin:.5rem 0;padding:0 1rem;text-align:center}}.container__subtitle--bold{font-weight:700;margin-top:1rem}.section{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:1201px){.section{width:117rem}}@media screen and (max-width:1200px){.section{width:100%}}.section__title{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center}.github-stars{position:fixed;top:1.5rem;left:1rem}@media screen and (max-width:800px){.github-stars{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1rem}}::-webkit-input-placeholder{color:#fff;text-indent:1rem;padding:1rem}::-moz-placeholder{color:#fff;text-indent:1rem;padding:1rem}:-ms-input-placeholder{color:#fff;text-indent:1rem;padding:1rem}:-moz-placeholder{color:#fff;text-indent:1rem;padding:1rem}