:root{--cs-bg:#fff;--cs-brand-color:#ff6263;--cs-font-color:#2f2f2f;--cs-font-size:18px;--cs-link-active-color:#e03030;--cs-link-color:#000;--cs-secondary-color:#3b3b3b;--cs-heading-color:#313131;--cs-base-font-family-plain:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--cs-base-font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;--cs-base-font-size:16;--cs-base-gutter:15px;--cs-line-height-body:1.6;--cs-line-height-headings:1.2;--cs-font-size-body:clamp(1rem,0.98rem + 0.2vw,1.125rem);--cs-font-size-small:clamp(0.875rem,0.86rem + 0.2vw,0.95rem);--cs-font-size-h1:clamp(2rem,1.6rem + 2.5vw,3rem);--cs-font-size-h2:clamp(1.5rem,1.3rem + 1.2vw,2rem);--cs-font-size-h3:clamp(1.25rem,1.15rem + 0.6vw,1.5rem);--cs-font-size-h4:clamp(1.125rem,1.1rem + 0.2vw,1.25rem);--cs-space-1:0.25rem;--cs-space-2:0.5rem;--cs-space-3:0.75rem;--cs-space-4:1rem;--cs-space-5:1.25rem;--cs-space-6:1.5rem;--cs-space-8:2rem;--cs-space-10:2.5rem;--cs-space-12:3rem}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}html{font-size:calc(var(--cs-base-font-size)*1px);line-height:var(--cs-line-height-body);overflow-y:scroll}@media (min-width:38em){html{font-size:18px}}body{background-color:var(--cs-bg);color:var(--cs-font-color);font-family:var(--cs-base-font-family-plain);font-size:var(--cs-font-size-body);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:var(--cs-link-color);text-decoration-line:none}a:focus,a:hover{text-decoration-line:underline}a strong{color:inherit}img{border-radius:5px;display:block;margin:0 0 var(--cs-space-4);max-width:100%}table{border:1px solid #e5e5e5;border-collapse:collapse;font-size:85%;margin-bottom:var(--cs-space-4);width:100%}td,th{border:1px solid #e5e5e5;padding:var(--cs-space-2) var(--cs-space-4)}th{text-align:left}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:#f9f9f9}.is-hidden{display:none}.u-alignRight{margin-left:auto}.u-margin-center{margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--cs-heading-color);font-weight:700;line-height:var(--cs-line-height-headings);margin-bottom:var(--cs-space-3);margin-top:0;text-rendering:optimizeLegibility}h1{font-size:var(--cs-font-size-h1)}h2{font-size:var(--cs-font-size-h2);margin-top:var(--cs-space-10)}h3{font-size:var(--cs-font-size-h3);margin-top:var(--cs-space-8)}h4,h5,h6{font-size:var(--cs-font-size-h4);margin-top:var(--cs-space-6)}p{margin-bottom:var(--cs-space-5);margin-top:0}strong{color:#303030;font-weight:600}dl,ol,ul{margin-bottom:var(--cs-space-5);margin-top:0}dt{font-weight:700}dd{margin-bottom:.5rem}abbr{color:#555;font-size:85%;font-weight:700;text-transform:uppercase}abbr[title]{border-bottom:1px dotted #e5e5e5;cursor:help}blockquote{border-left:.25rem solid #e5e5e5;color:#7a7a7a;margin:0 0 var(--cs-space-5) 0;padding:var(--cs-space-2) var(--cs-space-4)}blockquote p:last-child{margin-bottom:0}@media (min-width:30em){blockquote{padding-left:calc(var(--cs-space-4) + .25rem);padding-right:var(--cs-space-12)}}a[href^="#fn:"],a[href^="#fnref:"]{display:inline-block;font-weight:700;margin-left:.1rem}.footnotes{font-size:85%;margin-top:var(--cs-space-8)}.layout__row{margin-left:auto;margin-right:auto;max-width:calc(820/var(--cs-base-font-size)*1rem);padding-left:var(--cs-space-6);padding-right:var(--cs-space-6)}.layout__row--footer,.layout__row--header,.layout__row--main{margin-top:var(--cs-space-12)}.layout__row--footer{padding-bottom:var(--cs-space-4)}.button:hover{text-decoration-line:none}.button:hover:after{background-position-x:center}.button{position:relative}.button:after{background-image:url(assets/img/underline.svg);background-repeat:repeat-x;bottom:-.9rem;content:"";height:1rem;left:0;position:absolute;width:100%;z-index:-1}.u-text-right{text-align:right}.header__nav{align-items:center;display:flex}.header__nav--home{display:block}.header__title--home{margin:0 auto;max-width:768px}.header__title--home .header__title-img--small{display:none}.header__title--home .header__title-img--large{display:block;margin-bottom:1rem;max-width:100%;width:100%}.header__title-img{margin-bottom:0;max-width:200px;width:100%}.header__title-img--large{display:none}@media (min-width:30em){.header__title-img--large{display:block}}.header__title-img--small{display:block;max-width:60px}@media (min-width:30em){.header__title-img--small{display:none}}.nav{display:flex;justify-content:center;list-style-type:none;margin-bottom:0;padding:0}.nav--main__item:not(:last-child){margin-right:30px}.nav--main__item{font-weight:700}.nav--main__item svg{height:.7rem;width:.7rem}.nav--main__item a:hover{color:var(--cs-link-active-color);fill:var(--cs-link-active-color);box-shadow:0 3px 0 0 #000;text-decoration:none}.avatar--header{margin:0 auto;max-width:100px;padding-top:20px}.avatar--header .avatar__image{border:5px solid var(--cs-brand-color);border-radius:50%;max-width:100%}.avatar--about .avatar__image{border-bottom:5px solid var(--cs-brand-color);margin:0 auto}.posts-grid{margin:0 auto;max-width:calc(570/var(--cs-base-font-size)*1rem)}.posts-grid__item{margin-bottom:var(--cs-space-10);width:100%}.posts-grid__summary{color:var(--cs-font-color);font-weight:300;line-height:1.6;margin-bottom:var(--cs-space-2)}.posts-grid__header{align-items:baseline;display:flex}.posts-grid__header h2{flex-grow:1}.posts-grid__link h3{margin-top:0}.posts-grid__link{display:block;height:100%;margin-bottom:.2rem;text-decoration:none;transition:all .25s ease 0s;width:100%}.posts-grid__link:hover h3{color:var(--cs-link-active-color)}.posts-grid__link:hover{text-decoration:none}.posts-grid__meta{color:#6f6f6f;font-size:.8em}.posts-grid__meta a{color:#e03030}.page,.post{font-weight:300;margin-bottom:4em;margin-left:auto;margin-right:auto;max-width:700px}.page a,.post a{color:#e03030}.post__info{margin-bottom:var(--cs-space-2);text-align:center}.post__date{color:#585858;display:inline-block;margin-bottom:var(--cs-space-4);margin-top:calc(var(--cs-space-2)*-1)}.post__title{text-align:center}.post__content{line-height:1.6rem;padding-bottom:2rem}.post__content h2{margin-bottom:.9rem}.post__content ul{list-style-type:none;padding-left:0}.post__content li{line-height:1.4em;padding-bottom:.5rem;padding-left:2.3rem;position:relative}.post__content li:before{content:"→";font-weight:700;left:.8rem;position:absolute}.post__footer{border-top:1px solid #ababab;display:grid;font-size:15px;padding-top:1rem;grid-gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.post__footer{grid-template-columns:1fr;grid-template-rows:auto}}.post__related{list-style-type:none;margin:0;padding:0}.post__related-item{padding-left:1.5rem;position:relative}.post__related-item:before{content:"→";font-weight:700;left:.4rem;position:absolute}.video-fluid-wrapper{height:0;margin-bottom:2em;padding-bottom:56.25%;padding-top:25px;position:relative}.video-fluid-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.highlight{font-size:13px;margin:30px 0}.demo--buttons{margin:0;padding:0}.demo--buttons li{display:inline-block;padding:0 5px;width:33%}.demo--buttons .button{border-radius:50%;height:0;overflow:hidden;padding-bottom:100%;text-align:center;width:100%}.demo--buttons .button__link{background:#e9c46a;color:#fff;display:inline-block;font-size:1.2em;line-height:2em;margin-top:-1em;padding-bottom:50%;padding-top:50%;text-align:center;text-decoration:none;width:100%}:root{--background:#282a36;--comment:#6272a4;--foreground:#f8f8f2;--selection:#44475a;--cyan:#8be9fd;--green:#50fa7b;--orange:#ffb86c;--pink:#ff79c6;--purple:#bd93f9;--red:#f55;--yellow:#f1fa8c;--background-30:#282a3633;--comment-30:#6272a433;--foreground-30:#f8f8f233;--selection-30:#44475a33;--cyan-30:#8be9fd33;--green-30:#50fa7b33;--orange-30:#ffb86c33;--pink-30:#ff79c633;--purple-30:#bd93f933;--red-30:#ff555533;--yellow-30:#f1fa8c33;--background-40:#282a3666;--comment-40:#6272a466;--foreground-40:#f8f8f266;--selection-40:#44475a66;--cyan-40:#8be9fd66;--green-40:#50fa7b66;--orange-40:#ffb86c66;--pink-40:#ff79c666;--purple-40:#bd93f966;--red-40:#ff555566;--yellow-40:#f1fa8c66}pre::-webkit-scrollbar{width:14px}pre::-webkit-scrollbar-track{background-color:var(--comment);border-radius:0}pre::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:0}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background-color:var(--selection);text-shadow:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background-color:var(--selection);text-shadow:none}pre.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{opacity:0;position:absolute;right:.2em;top:.3em;transition:opacity .3s ease-in-out}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block;padding-right:20px}div.code-toolbar>.toolbar a{cursor:pointer}div.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}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{background:var(--comment);border-radius:.5em;color:var(--foreground);font-size:.8em;padding:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{background-color:var(--green);color:inherit;text-decoration:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}code[class*=language-],pre[class*=language-]{background:var(--background);color:var(--foreground);font-family:PT Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;text-shadow:none;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}pre[class*=language-]{border-radius:.5em;height:auto;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--background)}:not(pre)>code[class*=language-]{border-radius:.3em;padding:4px 7px;white-space:normal}.limit-300{height:300px!important;height:400px!important}.limit-500{height:500px!important}.limit-600{height:600px!important}.limit-700{height:700px!important}.limit-800{height:800px!important}.language-css{color:var(--purple)}.language-css .token,.token{color:var(--pink)}.token.script{color:var(--foreground)}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.atrule,.token.attr-name,.token.attr-value{color:var(--green)}.language-css .token.atrule{color:var(--purple)}.language-html .token.attr-value,.language-markup .token.attr-value{color:var(--yellow)}.token.boolean{color:var(--purple)}.token.builtin,.token.class-name{color:var(--cyan)}.token.comment{color:var(--comment)}.token.constant{color:var(--purple)}.language-javascript .token.constant{color:var(--orange);font-style:italic}.token.entity{color:var(--pink)}.language-css .token.entity{color:var(--green)}.language-html .token.entity.named-entity{color:var(--purple)}.language-html .token.entity:not(.named-entity){color:var(--pink)}.language-markup .token.entity.named-entity{color:var(--purple)}.language-markup .token.entity:not(.named-entity){color:var(--pink)}.token.function{color:var(--green)}.language-css .token.function{color:var(--cyan)}.token.important,.token.keyword{color:var(--pink)}.token.prolog{color:var(--foreground)}.token.property{color:var(--orange)}.language-css .token.property{color:var(--cyan)}.token.punctuation{color:var(--pink)}.language-css .token.punctuation{color:var(--orange)}.language-html .token.punctuation,.language-markup .token.punctuation{color:var(--foreground)}.token.selector{color:var(--pink)}.language-css .token.selector{color:var(--green)}.token.regex{color:var(--red)}.language-css .token.rule:not(.atrule){color:var(--foreground)}.token.string{color:var(--yellow)}.token.tag{color:var(--pink)}.token.url{color:var(--cyan)}.language-css .token.url{color:var(--orange)}.token.variable{color:var(--comment)}.token.number{color:#bd93f9}.token.operator{color:#8be9fd}.token.char{color:#ff879d}.token.symbol{color:#ffb86c}.token.deleted,.token.namespace{color:#e2777a}.highlight-line{border-radius:4px;color:inherit;display:inline-block;padding:2px 10px;text-decoration:none}.highlight-line:empty:before{content:" "}.highlight-line:not(:last-child){min-width:100%}.highlight-line .highlight-line:not(:last-child){min-width:0}.highlight-line-isdir{background-color:var(--selection-30);color:var(--foreground)}.highlight-line-active{background-color:var(--comment-30)}.highlight-line-add{background-color:var(--green-30)}.highlight-line-remove{background-color:var(--red-30)}