/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--color-grey-100: hsl(0, 0%, 90%);--color-grey-300: hsl(0, 0%, 70%);--color-grey-500: hsl(0, 0%, 50%);--color-grey-700: hsl(0, 0%, 30%);--color-grey-900: hsl(0, 0%, 10%);--color-blue-100: hsl(204, 60%, 90%);--color-blue-200: hsl(204, 60%, 80%);--color-blue-500: hsl(204, 60%, 50%);--color-ivory-100: hsl(42, 50%, 96%);--color-ivory-200: hsl(42, 50%, 86%);--color-text: #666;--color-text-light: #888;--color-text-lighter: #aaa;--color-subtitle: #888;--color-title: #555;--color-link: hsl(24, 05%, 60%);--color-border: #ddd;--color-background: var(--color-ivory-100);--font-main: "Segoe UI", "Helvetica", Arial, sans-serif;--site-width: min(650px, 90vw);--image-width: calc(650px + 4em);--site-padding: 0}*{box-sizing:border-box}html,body{min-height:100vh}body{display:flex;flex-direction:column;font-family:var(--font-main);background:var(--color-background);color:var(--color-text);line-height:1.3}main{flex:1 0 auto;margin-top:2em}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--color-title)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--color-subtitle);display:block;margin-top:-1ch}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:capitalize}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--color-title);text-decoration:none}a{color:var(--color-link)}b{color:var(--color-text-dark)}p{line-height:1.6;font-size:1em;margin-top:2rem;margin-bottom:2rem}hr{margin-top:2rem;margin-bottom:2rem;border:none;border-top:1px dashed var(--color-grey-300)}ul{padding-left:1em}blockquote{margin:3rem 0;font-size:1.6rem;text-align:center}blockquote::before,blockquote::after{content:"";display:block;margin:2rem auto;width:3rem;border-top:2px solid var(--color-border)}mark{padding:.2ch .3ch;background-color:#fae796;border-radius:.5ch}body>header{background-color:var(--color-background);position:sticky;top:0;margin-top:3em}body>header nav{display:flex;justify-content:space-between;gap:2em;text-transform:lowercase;width:100%;max-width:var(--site-width);margin:1em auto;padding:0 var(--site-padding)}body>header nav a{text-decoration:none}body>header nav a[aria-current=page]{color:var(--color-text)}body>header nav ul{margin:0;padding:0;list-style:none;display:flex;gap:2em}body>footer{display:flex;width:100%;max-width:var(--site-width);margin:4rem auto 2rem auto;padding:0 var(--site-padding);flex-shrink:0;justify-content:space-between;flex-wrap:wrap;font-size:1rem;color:var(--color-text-lighter)}body>footer a{text-decoration:none;border-radius:999px;transition:background .3s linear}body>footer a:hover{background-color:rgba(1,1,1,.0352941176)}body>footer>*{padding:.5em .75em;white-space:nowrap}main>article>*{display:block;max-width:var(--site-width);margin-right:auto;margin-left:auto}main>article header{text-align:center;margin-top:3em;margin-bottom:5em;color:var(--color-text-lighter)}main>article header h1{font-weight:700;margin-bottom:.15em}main>article header small{color:var(--color-text-lighter);display:flex;justify-content:center;gap:.5em;margin:0 auto}main>article header a{text-decoration:none}main>article>footer{margin-top:3em;padding:1em 0;color:var(--color-text-lighter)}main>article>footer a{text-decoration:none}section.articles{display:flex;flex-direction:column;max-width:var(--site-width);margin:0 auto;padding:0 var(--site-padding);gap:5em}section.articles article time{display:block;font-size:.8em;margin-top:-1.4em}section.articles article>a{text-decoration:none}section.intro{font-size:.9em;min-height:66vh;line-height:1.3;display:flex;flex-direction:column;justify-content:center;max-width:var(--site-width);padding:0 var(--site-padding);margin:0 auto}section.intro h1{font-weight:300;max-width:35ch}section.intro a{font-size:1.4em}article>figure{width:100%;padding:0;max-width:var(--image-width);margin-top:2rem;margin-bottom:2rem}article>figure img{max-width:100%;height:100%;display:block}article>figure figcaption{font-size:.9em;width:100%;margin-top:.5em;color:var(--color-text-light);padding:0 var(--site-padding)}.embed-youtube{display:block;margin:2rem auto;width:100%;padding:0;max-width:var(--image-width)}.callout{margin:2rem auto;color:var(--color-blue-500);padding:1em;border-radius:3px;background-color:var(--color-blue-100);border:1px solid var(--color-blue-200);display:flex;gap:1em;flex-direction:column;font-size:.9em}.callout-title{font-weight:bold}.callout-title:first-letter{text-transform:capitalize}.callout a{color:var(--color-blue-500)}.madeWith{text-decoration:none;display:inline-flex;gap:.25em;align-items:center}.madeWith span{transition:color .3s linear}.madeWith:hover span{color:#e7584d}[data-tooltip]{display:inline;position:relative;cursor:pointer}[data-tooltip]:hover:after,[data-tooltip]:hover:before{display:block;opacity:1;left:50%}[data-tooltip]:after,[data-tooltip]:before{position:absolute;pointer-events:none;opacity:0;display:none;font-size:.9em;transition:opacity .3s ease;left:-9999px;transform:translateX(-50%)}[data-tooltip]:after{background:var(--color-grey-900);border-radius:5px;bottom:2.5em;color:var(--color-grey-100);content:attr(data-tooltip);text-decoration:none;padding:.5em 1em;white-space:nowrap;z-index:1000}[data-tooltip]:before{border:solid;border-color:var(--color-grey-900) rgba(0,0,0,0);border-width:6px 6px 0 6px;bottom:calc(2.5em - 5px);content:""}@media all and (min-width: 50em){main{font-size:1.1em}section.intro{font-size:1em}}