@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[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:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{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}input{-webkit-appearance:none;border-radius:0}body{background-color:#f8f6f1;margin:0}html{box-sizing:border-box}.app-main{display:flex;flex-direction:column;min-height:100vh}footer,header{flex-shrink:0;background-color:#1a1614;color:#f8f6f1}footer a,header a{vertical-align:middle;line-height:100%!important}header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem}header .site-name{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.02em;text-transform:lowercase}@media(max-width:599px){header{padding:1rem 1.25rem}}footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#f8f6f199}footer .footer-links{display:flex;align-items:center;gap:1rem}footer .footer-links a{color:#f8f6f1b3!important;text-decoration:none!important;transition:color .15s;margin:0!important}footer .footer-links a:hover{color:#f8f6f1!important}footer .footer-links a svg{display:block}@media(max-width:599px){footer{padding:1rem 1.25rem;flex-direction:column;gap:1rem;text-align:center}}main{display:flex;justify-content:center;flex-grow:1}.margin-bottom-small{margin-bottom:10px}.checkbox-todo input{-webkit-appearance:checkbox;margin-right:10px}.code-box{margin:1.5rem 0}.code-box pre{border-radius:4px}.image-cropper{border-radius:50%;height:230px;overflow:hidden;position:relative;width:230px}.image-cropper img{display:inline;height:100%;margin:0 auto;width:auto}.nav-list{margin:0;padding:0;width:100%}.nav-list .nav-list__item{border-bottom:1px solid #e2ddd8}.nav-list .nav-list__item:first-child{border-top:1px solid #e2ddd8}.nav-list .nav-list__item .nav-list__link{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;color:#1a1614!important;text-decoration:none!important;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:color .12s}.nav-list .nav-list__item .nav-list__link:after{content:"→";font-family:sans-serif;font-weight:400;color:#7c7570;transition:transform .12s,color .12s;flex-shrink:0;margin-left:1rem}.nav-list .nav-list__item .nav-list__link:hover{color:#1d4ed8!important}.nav-list .nav-list__item .nav-list__link:hover:after{color:#1d4ed8;transform:translate(4px)}.nav-list .nav-list__item .nav-list__link:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px;border-radius:4px}.article-tag{display:block;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b6460;margin-bottom:.2rem}.alert-message{font-family:Outfit,sans-serif;font-size:.9rem;padding:.6rem .8rem;border-radius:4px;margin:.5rem 0}.page-wide{width:100%;max-width:720px;padding:3rem 2rem}@media(max-width:599px){.page-wide{padding:2rem 1.25rem}}.page-home{width:100%;max-width:720px;padding:3rem 2rem}@media(max-width:599px){.page-home{padding:2rem 1.25rem}}.home-hero{padding-bottom:3rem;border-bottom:1px solid #e2ddd8;margin-bottom:2.5rem}.home-hero h1{font-size:2.5rem;margin-bottom:.75rem;letter-spacing:-.03em}.home-hero .home-description{font-size:1.05rem;color:#4a4542;max-width:520px;line-height:1.7;margin:0}.home-articles h2{font-size:.75rem;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase;color:#6b6460;margin-bottom:0}.tutorial-heading{font-size:1.875rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e2ddd8}.tutorial-content p,.tutorial-content ul{font-size:1rem}.columns{display:flex;flex-wrap:nowrap;gap:0 4em}@media(max-width:599px){.columns{flex-wrap:wrap}}.columns .col-2{flex-basis:50%}@media(max-width:599px){.columns .col-2{margin-bottom:1rem;flex-basis:100%}}.left-margin-auto{margin-left:auto}@media(max-width:599px){.center-mobile{margin-left:auto;margin-right:auto;text-align:center}}body{color:#1a1614;font-family:Lora,Georgia,Times New Roman,serif;font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:#1a1614;font-family:Outfit,Segoe UI,Geneva,Verdana,sans-serif;font-weight:600!important;line-height:1.3;margin-bottom:1rem;text-transform:none}h1{font-size:2.25rem;letter-spacing:-.02em}h2{font-size:1.375rem;letter-spacing:-.01em}h3{font-size:1.25rem;margin-top:.75rem}code,.code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em;font-weight:500;background-color:#1a161412;padding:.1em .35em;border-radius:3px}a,.link,.nav__link{border-radius:4px;color:#1d4ed8;cursor:pointer}p{margin-bottom:1.25rem}legend{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em}.bold{font-weight:600}.italics{font-style:italic}.nav__link{text-transform:lowercase}.paragraph__no-margin{margin-bottom:0}.styled-list li{list-style-type:disc;margin-left:20px;margin-bottom:10px}.uppercase{text-transform:uppercase}.copyright{margin-right:10px}a:focus,button:focus,input:focus,textarea:focus{box-shadow:none;outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}a{color:#1d4ed8;cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .12s}a:hover{color:#163ba2}header a{color:#f8f6f1e6!important;text-decoration:none!important;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:.01em}header a:hover{color:#f8f6f1!important}.btn-primary{background-color:#1a1614;border:none;border-radius:4px;color:#f8f6f1;cursor:pointer;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.65rem 1.5rem;transition:background-color .15s;text-decoration:none!important}.btn-primary:hover{background-color:#2d2522}.btn-primary:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.input-group{margin:.5rem 0 1.25rem}.input-group label{display:block;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;margin:5px 0}input[type=text],input[type=password]{border:1.5px solid #c5bfb9;border-radius:4px;font-family:Outfit,sans-serif;font-size:.95rem;padding:.6rem .75rem;width:100%;background-color:#fff;transition:border-color .12s}input[type=text]:focus-visible,input[type=password]:focus-visible{border-color:#1d4ed8;outline:3px solid rgba(29,78,216,.2);outline-offset:0}input[type=text].form-error,input[type=password].form-error{border-color:#c0392b}.message-info{color:#1a1614}.message-error{color:#c0392b}.message-error{color:#c0392b;font-family:Outfit,sans-serif;font-size:.875rem}.background-white{background-color:#fff}.outlined-thing{border:1px solid #e2ddd8;border-radius:4px}.padded-thing{padding:20px}.padded-thing-large{padding:30px}.padded-thing-small{padding:1rem 1.25rem}