@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&family=Playfair:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Playfair+Display+SC:wght@400&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap";@font-face{font-family:Austin;src:url(../../frontend/public/fonts/Austin-Medium-Trial-BF662b0bb2e5663.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Playfair Fallback;src:local(Times New Roman),local(Tinos),local(Liberation Serif),local(Times);size-adjust:112.63%;ascent-override:96.07%;descent-override:22.29%;line-gap-override:0%}*{box-sizing:border-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:root{--white:#fff;--secondary:#24adbc;--page-width:900px}body{background-color:var(--white);--blog-header:3rem;--font-size:.9rem;--px:12px;font-family:Verdana,sans-serif;font-size:10px}a,p,h1,h2,h3{font-size:var(--font-size);color:#141109;font-weight:400}.landing-page-wrapper{flex-direction:column;min-height:100dvh;display:flex}nav{font-size:var(--font-size);flex-direction:column;align-items:end;gap:.7rem;padding:6px 0;display:flex}nav span{cursor:pointer;text-align:right;margin:0 8px 2px;text-decoration:none}.reading-nav>a,.home-nav>a{color:#000000b8;margin-right:1em;text-decoration:none}.writing-nav>a{color:#000000cf;margin-right:1em;text-decoration:none}section{padding:40px var(--px);max-width:var(--page-width);min-width:80vw;position:relative}.introduction{text-align:left;flex-direction:column;min-height:100dvh;margin:17.5rem 11rem;display:flex}.introduction>h1{letter-spacing:-.05em;color:#241f19;font-family:Fraunces;font-size:2rem;font-weight:1000}.highlight-1{background:linear-gradient(#a9ccde 86%,#0000 86%)}.highlight-2{background:linear-gradient(270deg,#bd6a20 91%,#0000 91%)}.developer-title span{margin-top:.5em;display:inline-block}.developer-title span:first-child{margin-left:.5em;transform:translateY(0)}.developer-title span:nth-child(2){transform:translateY(15px)}.developer-title span:nth-child(3){transform:translateY(0)}.developer-title span:nth-child(4){transform:translateY(15px)}.developer-title span:nth-child(5){transform:translateY(0)}.developer-title span:nth-child(6){transform:translateY(15px)}.developer-title span:nth-child(7){transform:translateY(0)}.developer-title span:nth-child(8){transform:translateY(15px)}.developer-title span:nth-child(9){transform:translateY(0)}.about{align-items:left;border-top:1px dotted #000;flex-direction:column;gap:3rem;min-height:100dvh;margin:20.5rem 11rem;padding:1rem 0;display:flex}.about p{overflow-wrap:anywhere;max-width:830px;margin-bottom:2rem;font-size:1.4em;line-height:1.2rem}.contact{align-items:left;border-top:1px dotted #000;flex-direction:column;gap:8px;margin:20.5rem 11rem;padding:1rem 0;display:flex}.contact>h2{margin-bottom:2rem}.contact>a{color:var(--secondary);text-decoration:none}.footer-area{justify-content:end;align-items:center;gap:15px;max-width:100%;margin-top:auto;margin-bottom:1rem;margin-right:2em;padding-top:4rem;display:flex}.footer-area p{align-self:center;margin-bottom:.1em;font-size:1em}.footer-area img{width:auto;height:1.4rem}.reading-list-header{flex-direction:column;margin:1.8rem 0 2rem 6.7rem;padding:0;display:flex}.reading-list-header h1{text-box:trim-both cap alphabetic;font-family:Playfair Display,Playfair Fallback,serif;font-size:clamp(3rem,16vw,3rem);font-style:normal;font-weight:400;line-height:1}@supports not (text-box:trim-both cap alphabetic){.reading-list-header h1{margin-top:-.2075em;margin-bottom:-.1em}}.reading-list-subheading{max-width:43vw;letter-spacing:3%;contain:inline-size;margin-top:.6rem;font-family:Playfair,serif;font-size:1.1em}.reading-list-category{flex-direction:column;margin:1.8rem 7rem;padding:0;display:flex}.reading-list-category ul{flex-direction:column;list-style-type:none;display:flex}.reading-list-category li,a{margin-top:0;margin-bottom:.5em;text-decoration:none}.reading-list-category a:hover{text-decoration:underline}.reading-list-category h2{border-bottom:1px dotted;margin-bottom:1.2rem;font-family:Playfair Display,Playfair Fallback,serif;font-size:clamp(1.3rem,16vw,1.7rem);font-weight:100}.reading-list-category h3{letter-spacing:-.04em;margin-top:.8rem;margin-bottom:1rem;font-family:Playfair Display,Playfair Fallback,serif;font-size:clamp(1.3rem,16vw,1.3rem);font-weight:100}.reading-list-category>article{flex-direction:row;align-items:baseline;display:flex}.fav-article{color:#24adbc;font-size:.55em;font-style:italic}.fav-article:hover{color:#7a7a74}.fav{display:inline}.fav summary{cursor:pointer;list-style:none;display:inline}.fav summary::-webkit-details-marker{display:none}.chev{color:#24adbc;padding:0 6px;font-size:1em;transition:transform .18s,color .15s;display:inline-block}.number-of-favs{color:#24adbc;padding:0 4px;font-size:.8em;transition:transform .18s,color .15s}.fav summary:hover .chev{color:#0c0c0c}.fav[open] .chev{transform:rotate(90deg)}.fav>ul{margin:3px 0 0;padding-left:1.1rem;list-style:none}.blog-list-header{flex-direction:column;margin:1.8rem 10rem;padding:0;display:flex}.blog-list-header h1{text-box:trim-both cap alphabetic;margin-left:.9rem;font-family:Playfair Display,Playfair Fallback,serif;font-size:clamp(3rem,16vw,9rem);font-style:normal;font-weight:400;line-height:1}@supports not (text-box:trim-both cap alphabetic){.blog-list-header h1{margin-top:-.2075em;margin-bottom:-.1em}}.blog-list-category{flex-direction:column;margin:1.8rem 10rem;padding:0;display:flex}.blog-list-category h2{letter-spacing:-.04em;font-family:Playfair,serif;font-size:clamp(1.3rem,16vw,1rem);font-weight:100}.blog-list-category>article{flex-direction:row;align-items:baseline;display:flex}.blog-list-category article:last-of-type time,.blog-list-category article:last-of-type .name-of-post{text-box:trim-end text;line-height:1}.blog-list-category article:first-of-type{margin-top:17px}.blog-list-category article time{width:100%;max-width:7rem;margin:0;padding:0;font-size:1.2em}.blog-list-subheading{max-width:43vw;letter-spacing:3%;contain:inline-size;margin-top:.6rem;font-family:Playfair,serif;font-size:1.1em}.name-of-post{font-family:Playfair,serif;font-size:1em}.blog-list-category a{text-decoration:none}.blog-list-subheading-text span{display:inline-block}.blog-list-subheading-text span:nth-child(2){transform:translateY(1px)}.blog-list-subheading-text span:nth-child(3),.blog-list-subheading-text span:nth-child(4){transform:translateY(2px)}.blog-list-subheading-text span:nth-child(4){transform:translateY(1px)}.blog-list-subheading-text span:nth-child(5){transform:translateY(0)}.blog-list-subheading-text span:nth-child(6){transform:translateY(-1px)}.blog-list-subheading-text span:nth-child(8){transform:translateY(1px)}.individual-post-container{flex-direction:column;min-width:80vw;max-width:150ch;margin:1.8rem 10rem;display:flex}.individual-post-container>h1{letter-spacing:-.02em;color:#241f19;width:75vw;margin-bottom:.2em;padding:0;font-family:Playfair Display,Playfair Fallback,serif;font-size:clamp(3rem,10vw,4rem);font-weight:100}.individual-post-container>time{max-width:900px;padding-bottom:1em;font-size:1.7em}.individual-post-container p{max-width:70ch;line-height:1.65}.unique-blog-wrapper pre>code{font:inherit;white-space:inherit;overflow-wrap:anywhere}.unique-blog-wrapper :not(pre)>code{overflow-wrap:anywhere;background-color:#f3f1ee;border-radius:4px;padding:.15em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75em}.mdx-format h3{margin-bottom:1em;font-size:1.5rem}.mdx-format p,pre,li{margin-bottom:1em;font-size:1.5em}body{margin-left:clamp(-8rem,20.6vw - 15.6rem,0rem)}.about,.introduction{min-height:clamp(40dvh,15vw - 50dvh,100dvh)}@media (width<=600px){section p{line-height:1.2rem}.blog-list-subheading{margin-bottom:.5rem}.reading-list-category,.blog-list-header,.blog-list-category{margin:1.2rem 10.5rem}.reading-list-header{margin:3rem 0 2.5rem 10.5rem}}@media (width<=410px){.blog-list-header h1{margin-left:-3vw}.reading-list-header{margin:4rem 0 2.5rem 10.5rem}}