@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");body,html{margin:0;padding:0}p,h1,h2,h3,h4,h5,h6,button,input{font-family:"Playfair Display",serif;color:#333}p{line-height:1.8}a{color:#333;transition:color .3s ease}a:hover{color:crimson}#main{position:relative;margin:0 auto;padding:0 1rem;overflow-x:hidden}@media screen and (max-width: 500px){#main{padding:0 .5rem}}#byebye{position:fixed;bottom:0;left:0;width:100%;background-color:crimson;z-index:120}#byebye a{color:#fff;font-weight:bold}#byebye p{color:#fff;text-align:center;font-size:1.2rem}nav{width:100vw;z-index:100;background-color:#fff;position:fixed;top:0}nav div.inner{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #333}nav div.inner .logo{padding-right:1rem;opacity:.7;text-transform:uppercase;padding-left:0;padding-right:.5rem}nav div.inner div{font-family:"Playfair Display",serif;font-style:italic;padding-right:1rem}nav div.inner a{text-decoration:none}nav div.inner #nav-left,nav div.inner #nav-right{display:flex;align-items:center;gap:0}nav div.inner #nav-left{padding:1rem;justify-content:left}nav div.inner #nav-right{justify-content:right}@media screen and (max-width: 500px){nav{font-size:.8rem}}h1.section-heading{font-size:4rem;text-align:center;margin-bottom:0;padding-bottom:0;padding-top:2rem}@media screen and (max-width: 900px){h1.section-heading{font-size:2.5rem;padding-top:1rem}}.subtle{opacity:.4}#people{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;width:100%}@media screen and (max-width: 500px){#people{display:block}#people img{display:block;margin:0 auto}}section{max-width:60rem;margin:0 auto;min-height:100vh;display:flex;align-items:center;border-bottom:1px solid #bbb}section h1{font-size:2.3rem;font-weight:400}section.wide{max-width:80rem}section.full-width{max-width:100%}section.expo h2{font-weight:300;text-align:center;font-size:1.5rem;margin-top:2rem}section.code-section{max-width:100%;min-height:0;padding-top:5rem;padding-bottom:5rem}section.code-section div:first-child{max-width:70rem;margin:0 auto}@media screen and (max-width: 900px){section.code-section{display:block;padding-top:3rem;padding-bottom:3rem}section.code-section h1{font-size:2rem}}section.code-section p{font-size:1.1rem}section.code-section h1{padding-bottom:2rem}section.code-section h3{font-weight:300;font-size:1.3rem;font-style:italic}section.code-section div.two-thirds,section.code-section div.one-half,section.code-section div.three-col{display:grid;gap:4rem}@media screen and (max-width: 900px){section.code-section div.two-thirds,section.code-section div.one-half,section.code-section div.three-col{display:block}}section.code-section div.two-thirds pre,section.code-section div.one-half pre,section.code-section div.three-col pre{box-shadow:5px 5px 30px rgba(51,51,51,.2);line-height:1.3;padding:2rem;overflow-x:scroll}@media screen and (max-width: 500px){section.code-section div.two-thirds pre,section.code-section div.one-half pre,section.code-section div.three-col pre{font-size:.8rem}}section.code-section div.two-thirds img,section.code-section div.one-half img,section.code-section div.three-col img{width:100%}section.code-section div.two-thirds div.column,section.code-section div.one-half div.column,section.code-section div.three-col div.column{display:grid;align-items:center;justify-content:center}section.code-section div.two-thirds div.column.top,section.code-section div.one-half div.column.top,section.code-section div.three-col div.column.top{align-items:flex-start}@media screen and (max-width: 900px){section.code-section div.two-thirds div.column,section.code-section div.one-half div.column,section.code-section div.three-col div.column{display:block}section.code-section div.two-thirds div.column pre,section.code-section div.one-half div.column pre,section.code-section div.three-col div.column pre{max-width:100vw}}section.code-section div.two-thirds table,section.code-section div.one-half table,section.code-section div.three-col table{margin-top:4rem;border:none}section.code-section div.two-thirds table th,section.code-section div.two-thirds table td,section.code-section div.two-thirds table tr,section.code-section div.one-half table th,section.code-section div.one-half table td,section.code-section div.one-half table tr,section.code-section div.three-col table th,section.code-section div.three-col table td,section.code-section div.three-col table tr{border:none}section.code-section div.two-thirds table th,section.code-section div.one-half table th,section.code-section div.three-col table th{border-bottom:1px solid #333}section.code-section div.two-thirds{grid-template-columns:3fr 2fr}section.code-section div.one-half{grid-template-columns:1fr 1fr}section.code-section div.three-col{grid-template-columns:4fr 7fr 4fr}section.code-section div.three-col img{width:100%;filter:contrast(110%)}@media screen and (max-width: 900px) and (min-width: 500px){section.code-section div.three-col{max-width:500px;display:block;margin:0 auto}}div.flex{display:flex}div.person img{width:100%;max-width:200px;border-radius:50%;border:3mm double #555}div.person h1{pdding:0rem;margin:0rem;padding-top:2rem;font-size:2rem}div.person h2{pdding:0rem;margin:0rem;font-size:1.2rem;margin-top:.5rem}#title{width:100%;background-size:cover;background-color:rgba(255,255,255,.7);background-blend-mode:lighten;padding-bottom:1rem}#title h1{margin:0;padding:0;padding-bottom:2rem;font-size:3rem;font-weight:400}#title h2{max-width:40rem;margin:0 auto;font-size:1.1rem;font-weight:300;line-height:2;padding-bottom:4rem}#title p{padding-top:0;margin-top:0;font-size:2rem;font-weight:200;line-height:1.5;color:#444;font-style:italic}#title #title-inner{display:flex;gap:3rem;align-items:center;max-width:70rem;margin:0 auto}@media screen and (min-width: 900px){#title #title-inner img{width:auto;max-width:30rem}}@media screen and (max-width: 900px) and (min-width: 500px){#title #title-inner{margin-top:4rem;display:block;width:100%}#title #title-inner h1{font-size:3rem}#title #title-inner img{display:block;max-height:600px;width:auto;margin:0 auto;max-width:300px;height:auto}#title #title-inner #img-container{display:flex;max-width:30rem;margin:0 auto;align-items:center;gap:1rem}}@media screen and (max-width: 500px){#title #title-inner{margin-top:4rem;display:block;width:100%}#title #title-inner img{display:block;max-width:100%;max-height:50vh;margin:0 auto}#title #title-inner #img-container{display:block;width:100%}#title #title-inner h1{font-size:3rem}}footer{padding:5rem 0;display:flex;justify-content:center}footer div{padding:1rem}.crimson{color:crimson;font-style:italic;opacity:.7}.button{padding:.5rem;margin:.5rem;display:inline;border:1px solid gray}.button a{text-decoration:none;font-style:italic}h1.heading{font-size:4rem;margin-bottom:2rem;text-transform:uppercase}div.post{padding:1rem 0;border-bottom:1px solid #ccc}div.post a{text-decoration:none}div.post h1{font-size:1.5rem;font-weight:300;padding-bottom:0;margin-bottom:0;line-height:1}div.post h2{font-size:1.1rem;font-weight:300;padding-bottom:0;margin-bottom:0;line-height:1}div.post p{font-style:italic}#post-main{margin:0 auto}@media screen and (max-width: 500px){.no-mobile{display:none}}#cta{background-color:#333;color:#fff;transition:background-color .3s ease;padding:0rem 2rem;height:100%;display:flex;align-items:center;font-size:.9rem}@media screen and (max-width: 500px){#cta{background-color:crimson;font-size:.8rem}}#cta:hover{background-color:crimson}#cta a{font-style:italic;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:200;letter-spacing:.1rem}#post-title{position:relative;display:grid;padding:10rem 3rem}@media screen and (max-width: 900px){#post-title{padding:5rem 1rem}}#post-title #post-header{max-width:40rem;margin:0 auto;z-index:10}#post-title #post-header.dark h1,#post-title #post-header.dark h2{color:#000}#post-title #post-header h1,#post-title #post-header h2{color:#fff}#post-title #post-header h1{font-weight:300;font-size:4rem;margin-bottom:0;padding-botto:0}@media screen and (max-width: 900px){#post-title #post-header h1{font-size:3rem}}#post-title #post-header h2{font-size:1.4rem;font-weight:300}#post-title #post-image{transition:filter .5s ease;z-index:1;width:100%;height:100%;position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover;top:0;left:0;filter:none}#post-title:hover #post-image{filter:contrast(60%)}#post-info{max-width:40rem;margin:0 auto}#post-info .emph{margin-left:.5rem;margin-right:.25rem;font-style:italic;color:crimson}pre{overflow-x:scroll;border-radius:10px;padding:1rem;font-size:1rem}#post-body{margin:0 auto;max-width:45rem}#post-body p,#post-body li{font-family:"Helvetica",Arial,sans;line-height:1.8}#post-body img{max-width:100%;height:auto}#post-body figcaption{font-style:italic;color:#555}#post-body div.old-redpoll-warning{border:1px solid crimson;border-radius:10px;padding:.5rem 1rem;background-color:#fee}#post-body pre{overflow-x:scroll;border:1px solid #ddd;border-radius:8px}table{border-collapse:collapse;border-bottom:1px solid #000;margin:2rem auto}table th,table td{font-size:.85rem;padding:.4rem .5rem;font-family:"Helvetica",Arial,sans}table th{border-bottom:1px solid #333}table tr:hover{background-color:#f2f2f2}@media screen and (max-width: 900px){table{width:100%;font-size:.9rem}}#signup{max-width:20rem;margin:0 auto}#signup form input{width:100%;border-radius:0}#signup form div{padding-bottom:1rem}button,label{font-size:1rem}label{font-style:italic}input{border:none;border-bottom:1px solid #333;margin-top:.5rem;font-size:1rem}button{border-radius:0;background-color:#fff;border:1px solid #333;padding:.5rem 1rem;transition:all .3s ease}button:hover{color:#000;background-color:#eee}#thanks div{display:block;margin:0 auto}#thanks img{max-height:600px;max-width:100%;width:auto}p code{font-size:1rem;color:#4682b4}blockquote{border-left:4px solid #ccc;margin-left:2rem;padding-left:1rem}div.faq-question{max-width:40rem;margin:0 auto;border-left:3px solid #ccc;padding-left:2rem;padding-right:2rem;margin-bottom:4rem}div.faq-question p.question{font-weight:bold}