@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_8b3a0b{font-family:Inter,Inter Fallback;font-style:normal}.__variable_8b3a0b{--font-inter:"Inter","Inter Fallback"}:root{--dynamic-fontsize-title:96px;--dynamic-fontsize-h1:60px;--dynamic-fontsize-h2:30px;--dynamic-fontsize-h3:22px;--dynamic-fontsize-h4:20px;--dynamic-fontsize-subheading:20px;--dynamic-fontsize-body:16px;--dynamic-fontsize-fineprint:14px}@media(max-width:1024px){:root{--dynamic-fontsize-title:84px;--dynamic-fontsize-h1:72px}}@media(max-width:868px){:root{--dynamic-fontsize-title:54px;--dynamic-fontsize-h1:48px}}body{font-family:var(--font-inter,sans-serif)}a,body,div,h1,h2,h3,h4,p,p svg,span{color:#2d2d2d}.title,h1{font-size:var(--dynamic-fontsize-title);margin:0;letter-spacing:-4}.h1,.title,h1,h2{font-family:var(--font-syne,sans-serif);text-transform:uppercase;line-height:1}.h1,h2{font-size:var(--dynamic-fontsize-h1);margin:52px 0 26px}.h2,h3{font-family:var(--font-inter,sans-serif);text-transform:none;font-size:var(--dynamic-fontsize-h2);margin:52px 0 13px;font-weight:500}.h3,h4{font-family:var(--font-syne,sans-serif);text-transform:uppercase;font-size:var(--dynamic-fontsize-h3);margin-bottom:20px;font-weight:700}.h4,h5{font-weight:500;font-size:var(--dynamic-fontsize-h4);text-transform:none;margin:39px 0 13px}.h4,.subheading,h5{font-family:var(--font-inter,sans-serif)}.subheading{font-size:var(--dynamic-fontsize-subheading);margin:0}.fineprint{font-size:var(--dynamic-fontsize-fineprint)}.meta{font-weight:700;line-height:2;color:#447e70}li{line-height:1.8}p{line-height:1.5}a{text-decoration:none}a:hover,p a{text-decoration:underline}p svg{transform:translateY(10%)}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;background-color:#fdfbf5;overflow-x:hidden}::selection{background-color:#ffbb98;color:#2d2d2d}body{display:grid;grid-template-columns:52px repeat(5,1fr) 52px;grid-gap:0 26px;gap:0 26px;padding:0 26px;max-width:1800px;width:100%;place-self:center}body>*,nav[aria-label=main-navigation]{grid-column:1/-1}main{grid-template-columns:inherit;grid-auto-rows:auto}main,main>*{display:inherit;gap:inherit}main>*{grid-column:1/-1;grid-template-columns:inherit;grid-auto-rows:auto}main>*>*{grid-column:2/-2}.sidebar{grid-column:1/3}article>*{grid-column:3/-3}footer{display:inherit;grid-template-columns:inherit;grid-template-rows:1fr auto;gap:inherit}footer .container{grid-column:2/-2}footer .credits{grid-column:1/-1}@media(max-width:1280px){#portfolio-section>*{grid-column:1/-1}.post-content{grid-column:3/-2}.sidebar{grid-column:1/3}}@media(max-width:1024px){body{grid-template-columns:repeat(4,1fr)}main>*,main>*>*{grid-column:1/-1}.post-content{grid-column:2/-1}.sidebar{grid-column:1/2;width:200px}.sidebar .table-of-contents{padding-left:0!important}.say-hello-section .image-container{grid-column:1/-1}footer{padding:0 26px}footer .container,footer .credits{grid-column:1/-1}}@media(max-width:868px){.post-content{grid-column:1/-1}}@media(max-width:600px){body{grid-template-columns:repeat(2,1fr);padding:0 20px}main>*,main>*>*{grid-column:1/-1}.sidebar{grid-column:0/2}.say-hello-section{grid-column:1/-1}}@keyframes lambda-fade-in{to{background-color:#ffbb98;transform:scale(1) translate(-50%,-50%)}}@keyframes slide-in-up{0%{transform:translateY(40%)}to{transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes line-draw{to{stroke-dashoffset:0;display:none}}@keyframes spin{to{transform:rotate(1turn)}}nav[aria-label=main-navigation]{height:90px;width:100%;display:flex;justify-content:space-between;align-items:center}nav[aria-label=main-navigation] .links{display:flex;align-items:center}nav[aria-label=main-navigation] .links a{margin-left:16px;border-radius:5px;color:#447e70}nav[aria-label=main-navigation] .links a:not(:last-child){padding:12px 26px}nav[aria-label=main-navigation] .links a.active,nav[aria-label=main-navigation] .links a:hover,nav[aria-label=main-navigation] .links a:last-child{color:#2d2d2d}nav[aria-label=main-navigation] .menu-button{display:none;background:none;border:none;cursor:pointer;color:#2d2d2d;padding:0}nav[aria-label=main-navigation] .menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffbb98;z-index:10}nav[aria-label=breadcrumbs]{height:35px;margin-bottom:-35px;z-index:1;justify-content:space-between;align-items:center}nav[aria-label=breadcrumbs] ol{list-style:none;display:flex;margin:0;padding:0;grid-column:1/-1}nav[aria-label=breadcrumbs] ol li{max-width:300px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}nav[aria-label=breadcrumbs] ol li:before{content:">";padding:0 8px;color:#447e70}@media(max-width:1024px){nav[aria-label=main-navigation]{height:80px}nav[aria-label=main-navigation] .links a{margin-left:0}}@media(max-width:868px){nav[aria-label=main-navigation] .menu-button{display:block;z-index:20}nav[aria-label=main-navigation] .links{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;z-index:11}nav[aria-label=main-navigation] .links a{color:#2d2d2d;margin:0;border:none;padding:0;font-size:var(--dynamic-fontsize-h2);transition:.1s}nav[aria-label=main-navigation] .links a:hover{color:#fdfbf5}nav[aria-label=main-navigation] .links.open{display:flex}nav[aria-label=main-navigation] .menu-overlay{display:block}}header{position:relative}.main-hero{display:flex;justify-content:center;align-items:center;flex-direction:column;height:calc(90vh - 100px)}.main-hero h1{margin-top:26px;text-align:center;animation:fade-in .5s 1.3s forwards,slide-in-up .4s 1.3s forwards}.main-hero .subheading{text-align:center;animation:fade-in .5s 1.45s forwards,slide-in-up .4s 1.45s forwards}.main-hero .socials{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;animation:fade-in .5s 1.6s forwards,slide-in-up .4s 1.6s forwards}.main-hero .socials a{transition:.1s;position:relative}.main-hero .socials a:before{content:"";position:absolute;top:110%;left:50%;transform:translate(-50%,-50%);height:5px;width:70%;background-color:#ffbb98;border-radius:5px;opacity:0;transition:.2s}.main-hero .socials a:hover{transform:translateY(-10%)}.main-hero .socials a:hover:before{opacity:1}.main-hero .socials,.main-hero .subheading,.main-hero h1{opacity:0}.main-hero .hero-lambda{position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) scale(3);z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:660px;height:556px;background-color:rgba(0,0,0,0);-webkit-mask-image:url(/assets/img/lambda.svg);mask-image:url(/assets/img/lambda.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;animation:lambda-fade-in 1.2s cubic-bezier(1,-.1,.5,1.1) .3s forwards}.main-hero .hero-lambda .animated-triangle{color:#447e70;opacity:1;stroke-dasharray:2400;stroke-dashoffset:2400;animation:line-draw 1.5s forwards,fade-out .3s 1.8s forwards;filter:blur(5px)}.main-hero .hero-lambda .gradient{width:100%;height:100%;background:conic-gradient(#447E70 40%,#FFBB98,#F3EFE5,#FDFBF5);position:relative;z-index:-1;left:50%;bottom:50%;transform:scale(4);pointer-events:none;animation:fade-in .5s 1.5s forwards;opacity:0}.main-hero .hero-lambda:after{content:"";background:url(/_next/static/media/noise.4853389c.png) repeat;width:200%;height:200%;image-rendering:pixelated;transform:scale(.5);position:absolute;top:-50%;left:-50%;animation:fade-in .5s 1.5s forwards;opacity:0}.blog-header{height:450px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:26px}.blog-header h1{margin:0;text-align:center;width:80%}.blog-header:after,.blog-header:before{content:"";width:100%;height:100%;position:absolute;z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-header:before{background:conic-gradient(#447E70 40%,#FFBB98,#F3EFE5,#FDFBF5);left:50%;bottom:50%;transform:scale(2);mix-blend-mode:multiply}.blog-header:after{background:url(/_next/static/media/noise.4853389c.png) repeat;image-rendering:pixelated}.blog-header .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fdfbf5;pointer-events:none}.blog-header .mask:before{left:0;border-bottom-left-radius:20px}.blog-header .mask:after,.blog-header .mask:before{content:"";position:absolute;top:-100px;width:100px;height:100px;background-color:rgba(0,0,0,0);box-shadow:0 20px 0 #fdfbf5}.blog-header .mask:after{right:0;border-bottom-right-radius:20px}@media(max-width:1024px){.blog-header h1{width:100%}}@media(max-width:868px){.main-hero{overflow:hidden;width:100%}}footer{background-color:#f3efe5;min-height:300px;border-radius:20px 20px 0 0;margin-top:64px}footer .container .content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 0}footer .container .content-wrapper .logo-container .socials{border-top:1px solid #447e70;padding-top:20px;display:flex;justify-content:flex-end;gap:10px}footer .container .content-wrapper .links-container{display:flex;justify-content:flex-start;width:50%}footer .container .content-wrapper .links-container .links{margin-left:104px}footer .credits{height:inherit;border-top:1px solid #447e70;padding:0 78px}footer .credits .content-wrapper{height:inherit;display:flex;align-items:center;justify-content:space-between;gap:0 26px}@media(max-width:1024px){footer{padding:0 40px}footer .container .content-wrapper .links-container .links{margin-left:52px}footer .credits{padding:0}}@media(max-width:868px){footer{padding:0 26px}footer .container .content-wrapper{flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}footer .container .content-wrapper .logo-container{width:100%;align-self:center;margin-bottom:26px}footer .container .content-wrapper .links-container{width:100%}footer .container .content-wrapper .links-container .links{flex:1 1;margin-left:0}footer .credits{height:auto}footer .credits .content-wrapper{flex-wrap:wrap}footer .credits .content-wrapper p{line-height:1}}@media(max-width:600px){footer .container .content-wrapper{align-items:flex-start}footer .container .content-wrapper .links-container{flex-direction:column}footer .container .content-wrapper .links-container .links{margin:0}footer .credits .content-wrapper{flex-direction:column;padding:10px 0}footer .credits .content-wrapper p{margin:8px}}#portfolio-section .projects{display:flex;flex-direction:column;gap:52px}#portfolio-section .projects .project{display:flex;gap:26px;height:500px}#portfolio-section .projects .project:nth-child(2n){flex-direction:row-reverse}#portfolio-section .projects .project .cover{border-radius:20px;flex:2 1}#portfolio-section .projects .project .content{flex:1 1;height:inherit;display:flex;flex-direction:column;justify-content:space-between}#portfolio-section .projects .project .content .links{display:flex;flex-wrap:wrap;margin-bottom:26px}#portfolio-section .projects .project .content .links a{margin-right:10px}#portfolio-section .projects .demo{width:100%;overflow:hidden;margin-bottom:104px}#portfolio-section .projects .demo .container{opacity:.7;display:flex;gap:26px;width:50%;height:200px}#portfolio-section .projects .demo .container .cover{flex:1 1;border-radius:20px}.socials-section .container{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}.socials-section .container a{min-width:200px;height:200px;background-color:#f3efe5;border-radius:20px;display:flex;flex-grow:1;justify-content:center;align-items:center;transition:background .1s}.socials-section .container a:hover{background-color:#ffbb98}.say-hello-section{overflow:hidden;gap:0}.say-hello-section .image-container{position:relative;height:300px}.say-hello-section .image-container p{color:#ffbb98;font-size:var(--dynamic-fontsize-h2);margin:0;line-height:1;letter-spacing:30px;position:absolute}.say-hello-section .image-container p:first-child{text-align:left;width:200%;left:20px}.say-hello-section .image-container p:last-child{text-align:right;width:200%;right:0;bottom:0}.say-hello-section .image-container img{z-index:-1;border-radius:20px}.say-hello-section .primary-button{grid-column:4/-4;margin-top:26px;display:flex;align-items:center;justify-content:center}.say-hello-section .primary-button svg{margin-right:5px}.say-hello-section p{text-align:center}#about-me .container{display:flex;gap:26px}#about-me .container .image-container{position:relative;height:400px;flex:3 1}#about-me .container .image-container img{border-radius:20px}#about-me .container .content{flex:2 1}#at-work h3,#get-in-touch h3,#more-about-me h3,#what-i-do h3{margin-top:26px}#at-work .container,#get-in-touch .container,#more-about-me .container,#what-i-do .container{display:flex;flex-wrap:wrap;gap:26px}#at-work .container .item,#get-in-touch .container .item,#more-about-me .container .item,#what-i-do .container .item{width:auto;flex:1 1;min-width:300px;background-color:#f3efe5;padding:26px;border-radius:20px}#about-me,#background-section{width:100%;max-width:900px;margin:0 auto}section h2{margin-top:100px}@media(max-width:1280px){#portfolio-section .projects .project .cover{flex:4 1}#portfolio-section .projects .project .content{flex:3 1}}@media(max-width:1024px){#portfolio-section .projects .project,#portfolio-section .projects .project:nth-child(2n){flex-direction:column;height:auto;gap:0}}@media(max-width:868px){#about-me .container{flex-wrap:wrap}#about-me .container .image-container{min-width:100%}}.blogs-list .cards{list-style:none;padding:0;margin:0;display:grid;grid-gap:26px;gap:26px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blogs-list .cards .card{border:1px solid #447e70;border-radius:20px;padding:21.6666666667px}.blogs-list .cards .card:hover{background-color:#f3efe5}.blogs-list .cards .card:hover a{text-decoration:none}.blogs-list .cards .card .image-container{height:200px;position:relative;margin-bottom:10px}.blogs-list .cards .card .image-container img{border-radius:5px}.blogs-list .cards .card .content .h3{margin:0 0 10px}.blogs-list .cards .card .content p{display:block;margin:0;text-overflow:ellipsis;overflow:hidden;max-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.blogs-list .cards .card.demo{flex-direction:column}.blogs-list .cards .card.demo,.info-message{display:flex;align-items:center;justify-content:center;text-align:center}.info-message{gap:20px;height:300px;grid-column:1/-1}.sidebar{display:block;font-size:var(--dynamic-fontsize-fineprint)}.sidebar .table-of-contents{overflow-y:hidden;position:-webkit-sticky;position:sticky;width:100%;max-width:260px;border-radius:5px;padding:26px;top:26px;box-sizing:border-box}.sidebar .table-of-contents h2{margin-top:0}.sidebar .table-of-contents ul{list-style:none;padding:0;margin:0}.sidebar .table-of-contents ul li{line-height:0}.sidebar .table-of-contents ul li a{display:block;color:#447e70;line-height:normal;padding:6px 0;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .table-of-contents ul li a:hover{color:#2d2d2d}.sidebar .table-of-contents ul li.active{position:relative}.sidebar .table-of-contents ul li.active:before{content:">";color:#2d2d2d;line-height:1.9;height:100%;position:absolute;top:50%;left:-4px;transform:translate(-100%,-50%)}.sidebar .table-of-contents ul li.active a{color:#2d2d2d}@media(max-width:868px){.sidebar{display:none}}.primary-button{background-color:#ffbb98;border:2px solid #2d2d2d;padding:10px 26px;border-radius:5px;text-align:center;transition:background .1s}.primary-button:hover{background-color:#f3efe5}.primary-button:active{background-color:#447e70}.secondary-button{background-color:#fdfbf5;border:2px solid #2d2d2d;padding:10px 26px;border-radius:5px;text-align:center}.secondary-button:hover{background-color:#f3efe5}.secondary-button:active{background-color:#447e70}.post-content p{line-height:1.8}.post-content p:has(.post-image){color:#447e70;font-style:italic;font-size:var(--dynamic-fontsize-fineprint)}.post-image{display:block;position:relative;height:auto;width:calc(100% + 52px);transform:translateX(-26px)}.post-image img{border-radius:5px;width:100%;height:auto}.code-block{color:#fdfbf5;background-color:#2d2d2d;border-radius:5px;overflow:auto;padding:26px}.code-block,.inline-code{font-size:var(--dynamic-fontsize-fineprint)}.inline-code{background-color:#fdfbf5;padding:2px 4px;border:1px solid #447e70;border-radius:3px}blockquote{position:relative;margin:0;padding-left:26px}blockquote:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px}blockquote:before,hr{background-color:#447e70}hr{border:none;height:1px}table{width:100%;border-collapse:collapse;font-size:var(--dynamic-fontsize-body)}table th{background-color:#f3efe5}table td,table th{border:1px solid #447e70;padding:10px}.contains-task-list{list-style:none;-webkit-padding-start:20px;padding-inline-start:20px}.contains-task-list .task-list-item .checkbox{display:none}ol,ul{-webkit-padding-start:30px;padding-inline-start:30px}@media(max-width:1024px){.post-image{width:100%;transform:translateX(0)}}.hljs-comment,.hljs-quote{color:#447e70;font-style:italic}.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#447e70}.hljs-attr,.hljs-literal,.hljs-symbol,.hljs-variable{color:#f3efe5}.hljs-section,.hljs-string,.hljs-title{color:#98c379}.hljs-attribute{color:#447e70}.hljs-built_in,.hljs-function,.hljs-number,.hljs-selector-class,.hljs-selector-id,.hljs-title.function_{color:#e5c07b}.hljs-class .hljs-title,.hljs-tag,.hljs-type{color:#e06c75}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne Fallback;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_8c7c09{font-family:Syne,Syne Fallback;font-style:normal}.__variable_8c7c09{--font-syne:"Syne","Syne Fallback"}