:root{--accent: #ed143d;--primary-color: #ed143d;--accent-dark: #a80d2a;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}*{box-sizing:border-box;text-rendering:optimizelegibility;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}::-moz-selection{background:#f25b78;text-shadow:none;color:#fff}::selection{background:#f25b78;text-shadow:none;color:#fff}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#222}::-webkit-scrollbar{width:10px;height:10px;background-color:#222}@media screen and (max-width:700px){::-webkit-scrollbar{width:6px;height:6px;background-color:#222}}::-webkit-scrollbar-thumb{background-color:#ed143d}@view-transition{navigation:auto}html,body{height:100%;width:100%;margin:0;padding:0;min-width:400px}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2rem);margin:auto;padding:3rem 0}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--accent);transition:all .2s ease-in-out}a:hover{color:var(--accent-dark)}p{margin-bottom:1em}.prose p{margin-bottom:2em;text-align:justify}@media only screen and (min-width:800px){.prose h1,.prose .h1,.prose h2,.prose .h2,.prose h3,.prose .h3,.prose h4,.prose .h4,.prose h5,.prose .h5,.prose h6,.prose .h6{margin:1rem auto}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{margin:1rem 0;padding:1.5em;border-radius:8px}pre>code{all:unset;font-size:1rem}figure{margin:1rem auto}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333rem}hr{border:none;border-top:1px solid rgb(var(--gray-light))}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.highlight{clear:both;margin-bottom:2rem}.dropcap{color:var(--accent);margin-right:.45rem}.flex-1{flex-grow:1}.text-center{text-align:center}.capitalize{text-transform:capitalize}hr.small-hr{box-sizing:content-box;height:0;line-height:0;overflow:visible;margin-top:20px;margin-bottom:20px;border:0;border:none}hr.small-hr:after{display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top;content:"";text-align:center}.hide-on-small{display:none}@media screen and (max-width:700px){.hide-on-small{display:block}}.ref-head{display:inline-block;width:100%}.ref-head small{float:right}.postNav{border-top:1px solid rgb(229.5,229.5,229.5);border-bottom:1px solid rgb(229.5,229.5,229.5);overflow:hidden;margin:0 auto}.postNav .prev,.postNav .next{display:block;width:100%;height:5rem;overflow:hidden;position:relative;font-weight:800;font-size:.9em;text-transform:uppercase;text-align:center}.postNav .prev img,.postNav .next img{z-index:1;display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:auto}.postNav .prev span,.postNav .next span{z-index:10;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:100%;line-height:1.4}.postNav .prev.image,.postNav .next.image{text-decoration:none;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);padding:0 .5rem;position:relative;transition:all .2s ease-in-out}.postNav .prev:hover.image,.postNav .next:hover.image{opacity:.8}.postNav .prev span{left:0}.postNav .next span{right:0}@media only screen and (min-width:800px){.postNav{margin:3rem auto;width:990px;max-width:calc(100% - 2em)}.postNav .prev,.postNav .next{width:50%}.postNav .prev{float:left;text-align:left}.postNav .next{text-align:right;float:right}}.noList{list-style:none;padding-left:0;margin-left:0}dt{font-weight:700}dd{margin:0 0 1.5rem}.post ul ul,.post ul ol,.post ol ul,.post ol ol{margin:0}ul.postList{gap:2rem;list-style-type:none;margin:0;padding:0}ul.postList li{margin-bottom:4rem;position:relative}ul.postList li:before{content:"";position:absolute;bottom:-2rem;left:0;background:#e6e6e6;height:2px;width:60px}ul.postList li *{text-decoration:none;transition:.2s ease}.postList .title{margin:0;color:rgb(var(--accent));line-height:1;margin-bottom:.5rem}.postList .date{margin:0;color:rgb(var(--gray));font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:300;font-size:.8em}.postList .description{font-size:1.5rem;color:#111}.demo{border:4px solid #627aac;padding:20px}@keyframes slideOut{to{visibility:hidden;transform:translate(100%)}}.button__outline{background-color:transparent;border:3px solid #ed143d;color:#ed143d;display:inline-block;position:relative;font-family:Open Sans,Helvetica,Arial,sans-serif;text-decoration:none;font-size:1em;line-height:1.2em;font-weight:400;padding:.5em 1.5em;border-radius:4px;cursor:pointer;transition:background-color .14s ease-in-out,transform 50ms ease-out}.button__outline:hover,.button__outline:focus{background-color:#ed143d;color:#fff;text-decoration:none}.button__outline:active{transform:translateY(5px)}button.text-btn{background:none;border:none;padding:1rem .5rem;cursor:pointer}.pagination{display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media only screen and (min-width:768px){.pagination{flex-direction:row}}.share-buttons{padding-top:1em;margin-top:5rem;margin:5rem auto 0;border-top:1px solid #ddd}.share-buttons .btn{display:inline-block;margin-bottom:20px;padding:5px 7px;font-size:.875em;font-weight:700;color:#fff;border-width:2px!important;border-style:solid!important;text-decoration:none!important;border-radius:5px}.share-buttons h6{text-align:center}.share-buttons a{text-decoration:none}.share-buttons a:hover,.share-buttons a:focus{text-decoration:none}.share-buttons ul{text-align:center;padding:0;list-style:none}.share-buttons ul li{display:inline-block;margin-right:.5em}@media only screen and (min-width:600px){.share-buttons ul li span{display:inline;margin:.5em}}@media only screen and (min-width:800px){.share-buttons{width:990px;max-width:calc(100% - 2em)}}.share-btn{display:inline-block;padding:.4rem 1.2rem;border:2px solid;border-radius:4px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.share-btn--x{background:#000;color:#fff;border-color:#000;padding-left:40px;padding-right:40px}.share-btn--x:hover{background:#fff;color:#000}.share-btn--facebook{background-color:#627aac;color:#fff;border-color:#627aac}.share-btn--facebook:hover{background:#fff;color:#627aac}.share-buttons .google-plus{background-color:#e36f60;color:#fff;border-color:#e36f60}.share-buttons .google-plus:visited{color:#fff;border-color:#e36f60}.share-buttons .google-plus:hover{background-color:#fff;color:#e36f60;border-color:#e36f60}.share-btn--hn{background-color:#f60;color:#fff;border-color:#f60}.share-btn--hn:hover{background-color:#fff;color:#f60;border-color:#f60}.share-btn--reddit{background-color:#5f99cf;color:#fff;border-color:#5f99cf}.share-btn--reddit:hover{background-color:#fff;color:#5f99cf;border-color:#5f99cf}.hidden{display:none!important}.block{display:block!important}@media(min-width:640px){.sm\:block{display:block!important}.sm\:hidden{display:none!important}}@media(min-width:768px){.md\:block{display:block!important}.md\:hidden{display:none!important}}@media(min-width:1024px){.lg\:block{display:block!important}.lg\:hidden{display:none!important}}footer[data-astro-cid-sz7xmlte]{background:var(--accent);color:#fff;text-align:center}footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:#fff}footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:rgb(var(--gray-dark))}footer[data-astro-cid-sz7xmlte] .links[data-astro-cid-sz7xmlte]{display:block;padding:2rem}footer[data-astro-cid-sz7xmlte] .connect[data-astro-cid-sz7xmlte]{display:block;font-size:1.2em;text-align:center;background-color:#a80d2a;padding:2rem}@media screen and (min-width:700px){footer[data-astro-cid-sz7xmlte] .footer-container[data-astro-cid-sz7xmlte]{max-width:960px;display:flex;margin:0 auto;justify-content:space-between}}.links[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte],.social[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;margin:unset;padding:0;display:flex;justify-content:center}.links[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{flex-direction:column;align-items:flex-start}.social[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{align-items:center;gap:1.5rem}.social[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{display:flex}