*{box-sizing:border-box;margin:0;padding:0}body{color:#f5f5f7;background-color:#1d1d1f;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;font-size:1em}#root{display:contents}.page-loading-wrap{box-sizing:border-box;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:calc(100vh - 4rem);display:flex}.page-loading{color:#7c7c8a;margin:0;font-size:.9em}@media screen and (width>=750px){body{flex-direction:column;justify-content:center;align-items:center;display:flex}}.col-dark-gray{color:#7c7c8a}.main{width:100%;max-width:500px;margin:0 auto}@media screen and (width>=750px){.main{grid-template-areas:"covatar about""covatar links";max-width:1140px;display:grid}.main.project-page{display:unset;max-width:740px}}@media screen and (width>=1000px){.main{grid-template-areas:"covatar about links";align-items:center}}.main>img{object-fit:cover;width:100%;max-width:220px;min-height:340px;position:relative;top:-2rem;left:-2rem}@media screen and (width>=600px){.main>img{top:unset;left:unset;margin-bottom:2em}}@media screen and (width>=750px){.main>img{grid-area:covatar;max-width:320px;min-height:480px;margin-bottom:0;left:-2rem}}@media screen and (width>=1000px){.main>img{left:unset}}.about-me-wrap.project-page{grid-area:about}.about-me-intro .title{letter-spacing:-.035em;margin-bottom:10px;font-size:1.8em;font-weight:700}.about-me-intro.project-page .title{color:#fff;margin-top:2em}.about-me-intro .title>span{letter-spacing:-.04em;background-color:#39393d;border-radius:2px;padding-left:.2em;padding-right:.2em;font-size:.9em}.about-me-intro .sub-title{letter-spacing:-.02em;text-transform:uppercase;font-size:.9em;font-weight:500}.about-me-summary{max-width:400px;margin:1.8em 0 3em;font-size:.9em;line-height:1.5}.about-me-summary.project-page{max-width:550px;margin:1.8em 0 2em}@media screen and (width>=400px){.about-me-summary{margin-bottom:4em}}@media screen and (width>=750px){.about-me-intro .title{font-size:2.4em}.about-me-intro .sub-title{font-size:1.1em}.about-me-summary{margin-top:4em;font-size:1.1em}}@media screen and (width>=1000px){.about-me-summary{max-width:370px;margin-top:3em;margin-bottom:0}.about-me-summary.project-page{max-width:600px}}.all-links-wrap{grid-gap:2vh 1em;counter-reset:links-counter;grid-area:links;grid-template-columns:1fr 1fr;max-width:350px;list-style:none;display:grid}.all-links-wrap.project-page{grid-gap:2vh 2em;max-width:unset;grid-template-columns:1fr}@media screen and (width>=750px){.all-links-wrap{grid-gap:1vh 1em}.all-links-wrap.project-page{grid-gap:2vh 2em;grid-template-columns:1fr 1fr}}@media screen and (width>=1000px){.all-links-wrap{grid-gap:2vh 1em;grid-template-columns:1fr}.all-links-wrap.project-page{grid-gap:2vh 2em;grid-template-columns:1fr 1fr}}.all-links-wrap li{counter-increment:links-counter}.all-links-wrap li:before{content:counter(links-counter)".";color:#5c5c66;padding-right:.5em;font-size:.8em}.all-links-wrap li:last-of-type:before{content:"→"}.all-links-wrap li a{color:#9d9da3;letter-spacing:-.015em;padding:.2em .5em;font-size:.95em;font-weight:600;text-decoration:none;transition:background-color .4s,color .1s}.all-links-wrap li a:hover{color:#f5f5f7;background-color:#39393d}@media screen and (width>=750px){.all-links-wrap li:before{font-size:.85em}.all-links-wrap li a{font-size:1.1em}}.blog-list li:before,.blog-list li:last-of-type:before{content:none}.blog-list li a{flex-direction:column;gap:.2em;display:flex}.blog-post-title{color:#9d9da3;letter-spacing:-.015em;white-space:pre-line;font-size:.95em;font-weight:600;transition:color .1s}.blog-list li a:hover .blog-post-title{color:#f5f5f7}.blog-post-meta{color:#5c5c66;letter-spacing:0;font-size:.75em;font-weight:400}.blog-post-desc{color:#7c7c8a;letter-spacing:0;font-size:.8em;font-weight:400;line-height:1.4}.blog-post-heading{white-space:pre-line}.blog-post-date{color:#5c5c66;letter-spacing:-.01em;margin-top:.5em;font-size:.85em}.blog-content{color:#c8c8cc;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;max-width:75ch;margin-top:2.5em;font-size:.82em;line-height:1.75}.blog-content hr{border:none;border-top:1px solid #39393d;max-width:120px;margin:2em 0}.blog-content p{text-align:justify;text-align-last:left;margin-bottom:1.4em}.blog-content h2,.blog-content h3{color:#f5f5f7;letter-spacing:-.03em;text-align:left;margin:2em 0 .6em;font-weight:700}.blog-content h2{font-size:1.2em}.blog-content h3{font-size:1.05em}.blog-content blockquote{text-align:left;color:#b0b0b6;border-left:3px solid #39393d;margin:1.4em 0;padding-left:1em}.blog-content a{color:#9d9da3;text-underline-offset:3px;text-decoration:underline}.blog-content a:hover{color:#f5f5f7}.blog-content code{background-color:#39393d;border-radius:3px;padding:.15em .4em;font-size:.88em}.blog-content pre{text-align:left;-webkit-hyphens:none;hyphens:none;background-color:#39393d;border-radius:4px;margin-bottom:1.4em;padding:1em 1.2em;overflow-x:auto}.blog-content pre code{background:0 0;padding:0;font-size:.9em}.blog-content ul,.blog-content ol{text-align:left;-webkit-hyphens:manual;hyphens:manual;margin-bottom:1.4em;padding-left:1.4em}.blog-content li{margin-bottom:.4em}@media screen and (width>=750px){.blog-content{font-size:.88em}}.back-link{color:#7c7c8a;letter-spacing:-.015em;margin-top:2.5em;font-size:.9em;font-weight:600;text-decoration:none;transition:color .1s;display:inline-block}.back-link:hover{color:#f5f5f7}.footer-link{color:#7c7c8a;text-align:center;white-space:nowrap;font-size:.75em;position:fixed;bottom:1em;left:50%;transform:translate(-50%)}.footer-link a{color:#7c7c8a}@media screen and (orientation:portrait) and (width<=399px),screen and (orientation:landscape) and (width<=932px){.footer-link{margin-top:3rem;padding-bottom:.5rem;position:static;left:auto;transform:none}}