@import url(../../../inter/inter.css);@import url(../../../cyw3eir.css);:root{--primary-color:#0070f4;--secondary-color:#666;--font-color:#000;--bg-color:#fff;--heading-color:#000;--highlight-color:#ffe74c;--hr-color:#eee;--writing-body:#444;--uses-secondary-color:#bbb}[data-theme=dark]{--primary-color:#9a97f3;--secondary-color:hsla(0,0%,80%,0.863);--font-color:#fff;--bg-color:#010101;--heading-color:#fff;--highlight-color:#267b9c;--hr-color:#222;--writing-body:#ccc}::-moz-selection{background:var(--highlight-color)}::selection{background:var(--highlight-color)}html{font-family:Inter,sans-serif;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--font-color);margin:0;padding:0}*{transition:background .2s linear}.top-menu{margin:20px 10px 0}.top-menu ul{margin:3px 0 0 10px;padding:0}@media (max-width:520px){.menubar{overflow-x:scroll}}.top-menu ul li{display:inline;margin-right:5px}.top-menu ul li a{color:var(--heading-color);font-family:Inter,sans-serif;text-decoration:none;font-size:12px;text-transform:uppercase;padding:3px 4px 5px;margin:0 6px}.top-menu ul li a:hover{font-weight:500;border-bottom:1px dashed var(--heading-color)}.theme-switch-button{border:none;background:none;cursor:pointer;cursor:hand;color:var(--heading-color);outline:0}.theme-switch-button svg{fill:var(--heading-color)}.amp{font-family:Baskerville,Goudy Old Style,Palatino,Book Antiqua,serif;font-style:italic;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}.blog-title{font-weight:700;font-size:80px;letter-spacing:-.2rem!important;margin:100px 0 50px}.blog-title,.dynamicCenter{text-align:center}@media (max-width:500px){.blog-title{font-size:65px;text-align:left;margin:100px 0 50px 14px}.dynamicCenter{text-align:center;margin:0 0 0 -10px}}.writing-row a{text-decoration:none}.writing-row span{display:inline-flex;align-items:center}.writing-row{padding:20px}.writing-row a{color:var(--heading-color);display:inline-block;padding:5px 0;position:relative;margin-top:10px}.writing-row a:before{top:0;left:0;transform:scaleX(0);transform-origin:top left}.writing-row a:after,.writing-row a:before{content:"";position:absolute;width:100%;height:3px;background-color:var(--highlight-color);transition:transform .3s}.writing-row a:after{bottom:0;right:0;transform:scaleX(0);transform-origin:bottom right}.writing-row a:hover:before{transform-origin:top right;transform:scaleX(1)}.writing-row a:hover:after{transform-origin:bottom left;transform:scaleX(1)}.writing-row .writing-date{padding-right:20px;font-size:14px;color:var(--secondary-color)}.writing-row .writing-title{font-weight:600;font-size:20px;line-height:1.9em}.writing-author{font-size:14px;color:var(--secondary-color);margin-block-start:4px}.about-h1,.uses-h1,.writing-title-h1{font-weight:700;font-size:56px;letter-spacing:-.1rem;margin:50px 0 30px}@media (max-width:400px){.about-h1,.uses-h1{font-size:48px}}@media (max-width:300px){.about-h1,.uses-h1{font-size:40px}}.about-h1{margin-bottom:60px;font-size:72px}.writing-container h1,.writing-container h2,.writing-container h3,.writing-container h4,.writing-container h5,.writing-container h6{letter-spacing:-1px}img.writings{margin:15px 0}.writing-container img,img.nice{width:100%;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;translate:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s}.writing-container img:hover,img.nice:hover{translate:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}.writing-container ul{margin:0;padding:0 0 30px 20px;list-style:circle}.writing-container ul li{padding:4px 0;line-height:1.8em;font-size:20px}.writing-container ul li,span.darker{color:var(--writing-body)}.writing-container>blockquote{border-left:5px solid var(--highlight-color);background:var(--highlight-color);font-style:italic;margin:0 0 40px;padding:30px;font-size:18px;line-height:40px}.writing-container>p{line-height:1.8em;margin-bottom:40px;font-size:20px;color:var(--writing-body)}.writing-container :not(pre)>code{font-family:ibm-plex-mono,Monaco,Lucida Console;background:var(--highlight-color);color:var(--heading-color);padding:3px 7px 6px;border-radius:4px;line-height:1em;font-size:16px;display:inline-flex}hr{border:none;border-top:1px solid var(--hr-color);margin:45px 0}.card a,.twitter-follow a,.writing-container a{color:var(--heading-color);text-decoration:none;border-bottom:1px dashed var(--heading-color)}.back-button{color:var(--secondary-color);text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:0;border:1px solid var(--hr-color);display:inline-block;padding:10px 20px;border-radius:4px;font-weight:500}.back-button:hover{border-color:var(--secondary-color)}.copy-to-clipboard{text-align:right;padding-right:15px;margin:-10px 0 25px}.copy-to-clipboard button{background:none;border:none;font-size:11px;text-transform:uppercase;font-weight:600;color:var(--secondary-color);cursor:pointer;cursor:hand;outline:0;padding:0}.copy-to-clipboard button:hover{color:var(--heading-color)}footer{padding:100px 0;color:var(--secondary-color)}footer,footer>a{text-align:center;font-size:13px}footer>a{color:var(--heading-color);text-decoration:none;border-bottom:1px dashed var(--heading-color)}.author{margin-bottom:40px}.author a{color:var(--heading-color);text-decoration:none;font-weight:500}.author img{border-radius:250px;margin-right:10px;border:2px solid var(--highlight-color);padding:3px}.author *{display:flex;align-items:center}.twitter-follow{border:3px dashed var(--highlight-color);padding:30px;border-radius:8px}.card,.twitter-follow{font-size:18px;line-height:1.9em}.card{background:var(--highlight-color);color:var(--heading-color)!important;box-shadow:3px 3px 20px var(--highlight-color)!important;padding:30px 40px;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.card .revue-form-group{padding:10px 0}.card form{margin-top:-10px}.revue-embed label{font-weight:100!important}.substackIframe{background:#f1f1f1;color:var(--heading-color)!important;border-radius:25px;border:3px solid var(--highlight-color)!important;font-size:18px;font-weight:700;line-height:1.9em;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.card h1{margin-top:0;margin-bottom:0}form{display:flex;flex-direction:column;justify-content:space-between}form p{font-weight:400;color:var(--heading-color)}form input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;width:100%!important;padding:10px 20px;font-size:18px;border:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;background-color:#fff}form input:focus{outline:none;box-shadow:0 0 1px 2px var(--heading-color)}.about-intro,.uses-intro{font-size:20px;line-height:1.8em;color:var(--secondary-color)}.about-intro a,.uses-intro a{color:var(--heading-color);text-decoration:none;border-bottom:1px dashed var(--heading-color)}.writing-image{object-fit:cover;width:100%;height:600px}@media (max-width:1000px){.writing-image{width:100%;height:auto;object-fit:contain}}.about-intro h3{font-weight:600}.about-avatar{width:60%;margin-bottom:30px;border-radius:100%;position:fixed;z-index:-1;bottom:-40%;left:-10%;opacity:.05}.uses-list{list-style:none;margin:40px 0 80px;padding:0 15px;font-family:ibm-plex-mono,Monaco,Lucida Console}.uses-list li.head{font-weight:600;font-size:32px;margin-bottom:20px;box-shadow:inset 0 -16px 0 var(--highlight-color);display:inline-block}.uses-list li:not(.head){padding:15px 0}.uses-list li:not(.head):before{content:"//";padding-right:10px}.uses-list li:not(.head),.uses-list li:not(.head):before{color:var(--uses-secondary-color)}.uses-list li:not(.head) a{color:var(--heading-color);font-weight:600;text-decoration:none;margin-right:15px;padding-bottom:3px}.uses-list li:not(.head) a:hover{border-bottom:1px dashed var(--heading-color)}[data-icon="Apollo GraphQL"] svg,[data-icon="DEV.TO"] svg,[data-icon="Next.js"] svg,[data-icon=GitHub] svg,[data-icon=ZEIT] svg{fill:var(--heading-color)}.stack-name{font-family:ibm-plex-mono,Monaco,Lucida Console;font-size:13px;color:var(--heading-color)}.writing-progress>div{background:var(--highlight-color)!important;margin:0 -8px!important}@media only screen and (max-width:960px){.writing-row .writing-date{text-align:left;padding:10px 0}.blog-title{font-size:44px;margin:40px 20px 0}.writing-title-h1{font-size:1.9rem;margin:10px 0 20px}.uses-list li:not(.head) span{display:block;margin-top:10px}.uses-list li:not(.head){padding-bottom:25px}.stack-name{font-size:10px}.text-transition{display:block!important}.about-avatar{width:120%}.writing-row a{margin-top:0}}.writing-row{background:var(--bg-color);border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;margin-top:20px}@media (max-width:600px){.menubar{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform-origin:0 0}}.gradientText{background:-webkit-linear-gradient(90deg,#f0bc11,#ff7d59);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.journalistContainer{display:grid;flex-direction:column;align-items:center;gap:40px}.journalistContainer>div{display:grid;grid-template-columns:1fr 3fr;flex-direction:row;gap:30px;justify-content:flex-start;align-items:center;background:hsla(0,0%,100%,.2);padding:14px;border-radius:4px;border-left:4px solid #ffe74c;max-width:100%;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.journalistContainer div div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.journalistContainer div img{width:80px;height:80px;border-radius:50%;margin-left:10px}.journalistContainer div p{font-size:1.2em;font-weight:600;margin-block-start:.5em;margin-block-end:.5em}.mainHeading{font-size:1.5em;font-weight:700}@media screen and (max-width:768px){.journalistContainer>div{width:100%}}.landingContainer{display:grid;grid-template-columns:11fr 19fr;grid-gap:100px;margin-top:40px}.landingContainer>div:nth-child(2)>h1{line-height:140%}.landingContainer>div:first-child{line-height:300%}.landingContainer>div:nth-child(2){line-height:200%}@media (max-width:2800px){.landingContainer{grid-template-columns:1fr;padding:0 50px;margin-left:-25px}}@media (max-width:400px){.landingContainer{zoom:.8;-moz-transform:scale(.8);-moz-transform-origin:0 0}}.links{display:grid}.links a{text-decoration:none;border-bottom:1px dashed rgba(0,0,0,.2);display:inline;color:#f0bc11}