@-webkit-keyframes moveUp{0%{opacity:0;transform:translateY(3.125rem)}80%{transform:translateY(-.625rem)}to{opacity:1;tranform:translateY(0)}}@keyframes moveUp{0%{opacity:0;transform:translateY(3.125rem)}80%{transform:translateY(-.625rem)}to{opacity:1;tranform:translateY(0)}}@-webkit-keyframes moveRight{0%{opacity:0;transform:translateX(-1.875rem)}to{opacity:1;tranform:translateX(0)}}@keyframes moveRight{0%{opacity:0;transform:translateX(-1.875rem)}to{opacity:1;tranform:translateX(0)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{scroll-behavior:smooth}body{--banner-h:2.5rem;--c-bg-light:#1a2f55;--c-bg-dark:#0d1d3a;--c-primary:#0ea5e9;--c-primary-light:#4ade80;--c-primary-dark:#0ea5e9;--c-text-black:#1e1e1e;--c-text-gray:#5a5a5a;--c-gray-light:#dcdcdc;--c-off-white:#f9fafb;--c-blockquote:#f1f5f9;--c-code:#1f2937;--c-code-title:#2c394c;--c-table-border:#cbd5e1;--c-black:#000;--c-black-dark:#222;--c-black-md:#444}body.dark{--c-off-white:#111;--c-gray-light:#222;--c-blockquote:#222;--c-code:#18181b;--c-code-title:#1f1f23;--c-table-border:#3f3f46;--c-black:#fff;--c-black-dark:#eaeaea;--c-black-md:#888}body{box-sizing:border-box;background-color:var(--c-off-white);color:var(--c-black-md);transition:background-color .4s ease;font-family:Karla,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7!important}::-moz-selection{background-color:var(--c-primary);color:#fff}::selection{background-color:var(--c-primary);color:#fff}a,a:active,a:hover{text-decoration:none}ul{list-style:disc}.paragraph{font-size:1.25rem;line-height:1.5;color:var(--c-black-md)}@media only screen and (max-width:600px){.paragraph{font-size:1rem}}.text-left{text-align:left!important}.heading-md{font-size:1.875rem;line-height:1.4;font-family:IBM Plex Sans,sans-serif;color:var(--c-black-md)}@media only screen and (max-width:600px){.heading-md{font-size:.78125rem}}.heading-lg{font-size:3rem;font-weight:700;line-height:1.4;font-family:IBM Plex Sans,sans-serif;color:var(--c-black);text-align:center}@media only screen and (max-width:600px){.heading-lg{font-size:1.875rem}}.limit-width-lg{max-width:1024px}.limit-width-lg,.limit-width-sm{margin-left:auto;margin-right:auto}.limit-width-sm{max-width:600px}.limit-width-blog{max-width:762px;margin-left:auto;margin-right:auto}.minor-links{color:var(--c-primary);border-bottom:2px solid transparent}.minor-links:hover{border-bottom:2px solid var(--c-primary)}.backToBlog-link{color:var(--c-primary);border-bottom:2px solid transparent;font-size:1.125rem;transition:filter .3s ease}@media only screen and (max-width:600px){.backToBlog-link{font-size:1rem}}.backToBlog-link:hover{filter:brightness(80%)}.backToBlog-link>span{font-size:1.2rem;margin-right:.625rem}.mt-1{margin-top:.625rem}.mt-3{margin-top:1.875rem}.mb-2{margin-bottom:1.25rem}.mb-3,.my-3{margin-bottom:1.875rem}.my-3{margin-top:1.875rem}.mx-3{margin-left:1.875rem;margin-right:1.875rem}.py-2{padding-top:1.25rem;padding-bottom:1.25rem}.py-3{padding-top:1.875rem;padding-bottom:1.875rem}.px-3{padding-left:1.875rem;padding-right:1.875rem}#burger-container{position:absolute;background-color:transparent;border:none;display:none;width:30px;top:1.5625rem;left:1.25rem;z-index:30}#burger-container svg{stroke:var(--c-black-dark);height:1.5625rem;transition:all .3s}@media only screen and (max-width:600px){#burger-container{display:block}}.reliefBanner{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--banner-h);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;background-color:#eef6ff;color:#1447e5;font-family:Karla,Roboto,sans-serif;font-size:.8125rem;font-weight:500;line-height:1;text-align:center}@media only screen and (max-width:640px){.reliefBanner__long{display:none}}.reliefBanner__short{display:none}@media only screen and (max-width:640px){.reliefBanner__short{display:inline}}.reliefBanner__arrow{height:.875rem;width:.875rem;flex-shrink:0;transition:transform .3s ease}.reliefBanner:hover .reliefBanner__arrow{transform:translateX(2px)}.appShell{position:relative}.navigation{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 0}@media only screen and (max-width:1024px){.navigation{padding:1.25rem 2.5rem}}@media only screen and (max-width:600px){.navigation{padding:1.25rem}}.navigation__wrapper{position:absolute;top:0;left:0;width:100%;z-index:10}.navigation__wrapper-fixed{position:fixed;top:var(--banner-h)}.navigation__wrapper-active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.4)}.navigation__wrapper-active .navigation__logo,.navigation__wrapper-active .navigation__navlink{color:var(--c-text-black)}.navigation__wrapper-active #burger>span{background-color:var(--c-text-black)}.navigation__logo{color:var(--c-black-md);font-family:Playfair Display,sans-serif;font-size:1.5rem;font-weight:700;transition:color .3s}@media only screen and (max-width:500px){.navigation__logo{font-size:1.125rem}}.navigation__navlinks{display:flex;list-style:none;gap:1.875rem}@media only screen and (max-width:600px){.navigation__navlinks{display:none}}.navigation__navlink{display:block;color:var(--c-black-md);font-size:1.125rem;font-weight:400;line-height:1;padding:.5rem;border-radius:.3125rem;transition:color .3s}.navigation__navlink:hover{color:var(--c-black-dark);background-color:var(--c-gray-light)}.navigation__navlink.active{font-weight:700;color:var(--c-black-dark)}.navigation__theme{cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:30;background-color:transparent;border:none}.navigation__theme:hover{background-color:var(--c-gray-light)}.navigation__theme>svg{height:1.25rem;fill:var(--c-black-dark)}.navigation__hiddenNav{position:fixed;left:0;top:var(--banner-h);z-index:20;background-color:var(--c-off-white);width:100%;height:calc(100vh - var(--banner-h));transform:translateY(-100%);opacity:0;transition:opacity .3s;visibility:hidden}@media only screen and (min-width:600px){.navigation__hiddenNav{display:none}}.navigation__hiddenNav.shown{opacity:1;transform:translate(0);visibility:visible}.navigation__hiddenNav__navlinks{list-style:none;padding:5rem 1.5625rem 0}.navigation__hiddenNav__navlink{color:var(--c-black-md);font-size:1.125rem;font-family:IBM Plex Sans,sans-serif;font-weight:600;padding:.625rem 0;display:block;margin-bottom:1.25rem;transition:color .3s}.progress-container{position:fixed;top:var(--banner-h);z-index:21;width:100%;height:6px;background:transparent}.progress-bar{height:6px;background:linear-gradient(to bottom right,var(--c-primary-dark),var(--c-primary-light));width:0}.intro{width:100%;max-width:1024px;margin:0 auto}@media only screen and (max-width:1024px){.intro{padding:0 2.5rem}}@media only screen and (max-width:600px){.intro{padding:0 1.25rem}}.intro__wrapper{height:calc(100vh - var(--banner-h));max-height:800px;position:relative;display:flex;align-items:center;justify-content:flex-start}.intro__content{display:flex;justify-content:space-between;align-items:center;gap:1.25rem}@media only screen and (max-width:800px){.intro__content{flex-direction:column-reverse}}.intro__texts{max-width:50%}@media only screen and (max-width:1024px){.intro__texts{max-width:60%}}@media only screen and (max-width:800px){.intro__texts{max-width:80%;max-width:unset}}.intro__name{font-family:IBM Plex Sans,sans-serif;font-size:4rem;font-weight:700;background-image:linear-gradient(to right bottom,var(--c-primary-light),var(--c-primary-dark));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}@media only screen and (max-width:800px){.intro__name{margin-bottom:1rem;font-size:2.5rem;text-align:center}}.intro__job{font-size:1.25rem;line-height:1.5}@media only screen and (max-width:800px){.intro__job{font-size:1rem;text-align:center}}.intro__job-main{color:var(--c-black-dark);margin-bottom:1rem}.intro__image img{display:block;width:100%;border-radius:50%;max-height:18.75rem}@media only screen and (max-width:800px){.intro__image img{height:9.375rem}}.projects{padding-top:3rem;padding-bottom:6rem}@media only screen and (max-width:1024px){.projects{padding:1.25rem 1.5625rem 3.75rem}}@media only screen and (max-width:600px){.projects{padding:1.25rem 1.25rem 3.75rem}}.projects__project{display:flex;align-items:flex-start;gap:3.875rem}@media only screen and (max-width:1024px){.projects__project{gap:2.5rem}}@media only screen and (max-width:800px){.projects__project{flex-direction:column;align-items:center;justify-content:flex-start}}.projects__image{display:block;width:100%;max-height:260px;max-width:450px;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media(prefers-reduced-motion:no-preference){.projects__image-animate{-webkit-animation:moveUp 1s 1;animation:moveUp 1s 1}}.projects__detail{display:flex;flex-direction:column}@media only screen and (max-width:800px){.projects__detail{align-items:center}}.projects__title{font-family:IBM Plex Sans;font-size:2.25rem;font-weight:700;letter-spacing:0;line-height:1;color:var(--c-black-dark);margin-bottom:.625rem}@media only screen and (max-width:1024px){.projects__title{font-size:1.875rem}}@media only screen and (max-width:500px){.projects__title{font-size:1.5rem}}.projects__description{color:var(--c-black-md);font-size:1.125rem;letter-spacing:0;line-height:1;margin-bottom:1.25rem}@media only screen and (max-width:600px){.projects__description{font-size:1rem;text-align:center}}.projects__stacks{display:flex;gap:.625rem;flex-wrap:wrap;margin-bottom:1.25rem}@media only screen and (max-width:600px){.projects__stacks{gap:.3125rem}}.projects__stack{background-color:var(--c-gray-light);color:var(--c-black-md);font-size:1.125rem;line-height:1;padding:.625rem .9375rem;font-weight:700}@media only screen and (max-width:1024px){.projects__stack{font-size:.75rem;padding:.5rem .625rem}}.projects__links{display:flex;gap:.625rem}.projects__links-live{display:block;background-color:var(--c-primary);color:var(--c-off-white);font-size:1.125rem;font-weight:700;padding:.625rem 1.375rem;border:2px solid transparent;transition:all .3s ease}@media only screen and (max-width:1024px){.projects__links-live{font-size:.875rem}}.projects__links-live:hover,.projects__links-more{background-color:var(--c-off-white);color:var(--c-primary);border:2px solid var(--c-primary)}.projects__links-more{display:block;font-size:1.125rem;font-weight:700;padding:.625rem 1.375rem;transition:all .3s ease}@media only screen and (max-width:1024px){.projects__links-more{font-size:.875rem}}.projects__links-more:hover{background-color:var(--c-primary);color:var(--c-off-white)}.projects__allProjects{color:var(--c-black-md);font-size:1.25rem;transition:color .3s ease}@media only screen and (max-width:600px){.projects__allProjects{font-size:1rem}}.projects__allProjects:hover{cursor:pointer;color:var(--c-black-dark)}.projects__allProjects a{display:flex;align-items:center;gap:.625rem;color:var(--c-black-md)}.projects__allProjects a:hover{color:var(--c-black-dark)}.projects__allProjects svg{width:1.875rem}@media only screen and (max-width:600px){.projects__allProjects svg{width:1.25rem}}.skills{margin-bottom:5rem}@media only screen and (max-width:1024px){.skills{padding:0 2.5rem}}@media only screen and (max-width:600px){.skills{padding:0 1.25rem;margin-bottom:1.875rem}.skills__heading{text-align:left}}.skills__content{padding-top:1.875rem;display:flex;justify-content:space-between;align-items:flex-start}@media only screen and (max-width:1024px){.skills__content{justify-content:center}}@media only screen and (max-width:600px){.skills__content{flex-direction:column;align-items:center}}.skills__names{width:50%;border-right:2px solid var(--c-gray-light)}@media only screen and (max-width:800px){.skills__names{width:60%}}@media only screen and (max-width:600px){.skills__names{width:100%;border:none}}.skills__category{margin-bottom:3.125rem}.skills__category-name{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:1.25rem;color:var(--c-black-dark)}@media only screen and (max-width:600px){.skills__category-name{font-size:1.25rem}}.skills__skills{display:flex}.skills__skills-left,.skills__skills-right{list-style:none;font-size:1.125rem;width:50%;color:var(--c-black-md)}@media only screen and (max-width:600px){.skills__skills-left,.skills__skills-right{font-size:1rem}}.skills__logos{display:flex;flex-wrap:wrap;-moz-column-gap:6.25rem;column-gap:6.25rem;row-gap:5rem;max-width:50%;padding-left:6.25rem}@media only screen and (max-width:1024px){.skills__logos{row-gap:3.125rem;-moz-column-gap:3.125rem;column-gap:3.125rem;padding-left:3.125rem}}@media only screen and (max-width:800px){.skills__logos{padding-left:1.5625rem;max-width:40%;row-gap:1.5625rem;-moz-column-gap:1.875rem;column-gap:1.875rem;justify-content:center}}@media only screen and (max-width:600px){.skills__logos{display:none;max-width:100%;padding-left:0}}.skills__logo svg{width:3.75rem;height:3.75rem;fill:var(--c-primary);cursor:pointer;transition:all .2s}.skills__logo svg:hover{transform:scale(1.2)}.contact{padding-bottom:1.875rem;margin-top:1.875rem}@media only screen and (max-width:1024px){.contact{padding:0 2.5rem}}@media only screen and (max-width:600px){.contact{padding:0 1.25rem}}.contact__greet{font-size:3rem;font-family:PlayFair Display;color:var(--c-black);margin:1.5625rem 0 1.25rem}@media only screen and (max-width:600px){.contact__greet{line-height:1;margin-bottom:2.5rem;margin-top:0;font-size:2.5rem}}.contact__contents{color:var(--c-black-md);display:flex;justify-content:space-between}@media only screen and (max-width:600px){.contact__contents{flex-direction:column;justify-content:flex-start}}.contact__description{width:50%;font-size:1.125rem}@media only screen and (max-width:600px){.contact__description{width:100%;font-size:1rem}}.contact__resume{font-size:1.125rem}@media only screen and (max-width:600px){.contact__resume{width:100%;margin-top:1.875rem;font-size:1rem}}.footer{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:5rem}@media only screen and (max-width:1024px){.footer{padding:0 3.125rem 2.5rem}}@media only screen and (max-width:600px){.footer{padding:1.25rem 1.25rem 2.5rem;flex-direction:column-reverse;justify-content:flex-start;align-items:center}}.footer__copyright{font-size:1.125rem;color:var(--c-black-md)}@media only screen and (max-width:600px){.footer__copyright{font-size:1rem;padding-top:1.25rem}}.footer__socialLinks{display:flex;gap:1.25rem}.footer__socialLink{display:inline-block;background-color:var(--c-gray-light);color:var(--c-text-gray);line-height:0;padding:.6875rem;border-radius:50%}.footer__socialLink svg{height:1.25rem;width:1.25rem}.footer__socialLink:hover svg{fill:var(--c-primary)}.notice{display:flex;align-items:center;justify-content:center;background-color:var(--c-primary);font-size:1rem;line-height:1.5;color:#fff;text-align:left;padding:.625rem 1.25rem;width:100%}.notice>svg{height:1.75rem;width:1.75rem;margin-right:.625rem}.blog{padding-top:3rem;padding-bottom:6rem}@media only screen and (max-width:1024px){.blog{padding:1.25rem 2.5rem 0}}@media only screen and (max-width:600px){.blog{padding:1.25rem 1.25rem 0}}.blog__heading{font-size:3rem;font-family:PlayFair Display;color:var(--c-black);margin-bottom:.75rem;text-align:center}.blog__intro{font-size:1.125rem;color:var(--c-black-md)}.blog__blogs{display:flex;justify-content:space-between;align-items:stretch;gap:1.875rem 0;flex-wrap:wrap;padding:3.125rem 0 0;margin-bottom:1.25rem}@media only screen and (max-width:600px){.blog__blogs{flex-direction:column}}.blog__blogs a{display:block;width:48%}@media only screen and (max-width:600px){.blog__blogs a{width:100%}}.blog__blog{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:1.25rem;border-radius:.625rem}@media only screen and (max-width:600px){.blog__blog{gap:0}}.blog__details-title{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:1.5rem;color:var(--c-black-dark);transition:color .3s;line-height:1.4;word-wrap:break-word}@media only screen and (max-width:600px){.blog__details-title{font-size:1.25rem}}.blog__details-date{font-size:1rem;color:var(--c-black-md);margin-top:.625rem}.blog__cover{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.blogTemplate{margin-top:3.125rem;padding-bottom:4rem}@media only screen and (max-width:800px){.blogTemplate{padding:0 .9375rem 4rem}}@media only screen and (max-width:600px){.blogTemplate{margin-top:1.875rem}}.blogTemplate__cover{width:100%;border-radius:.5rem}@media only screen and (max-width:600px){.blogTemplate__cover{border-radius:.3125rem}}.blogTemplate__title{margin-top:1.875rem;font-size:2.25rem;font-family:IBM Plex Sans;font-weight:700;line-height:1.4;color:var(--c-black)}@media only screen and (max-width:600px){.blogTemplate__title{font-size:1.75rem}}@media only screen and (max-width:500px){.blogTemplate__title{margin-top:1.25rem}}.blogTemplate__date{font-size:1.125rem;color:var(--c-black-md)}@media only screen and (max-width:600px){.blogTemplate__date{font-size:.875rem}}.blogTemplate__hr{background-color:var(--c-gray-light);margin-bottom:1.875rem;border:none;height:1px}.blogTemplate__content{color:var(--c-black-dark);padding:1.875rem 0;font-size:1rem;line-height:1.625;font-family:Karla,sans-serif;font-weight:400}.blogTemplate__content img{width:100%;border-radius:.3125rem;display:block;margin:1.875rem 0;box-shadow:4px 4px 24px hsla(0,0%,56%,.1)}@media only screen and (max-width:600px){.blogTemplate__content img{border-radius:.5rem}}.blogTemplate__content ul{list-style:disc}.blogTemplate__content ol{list-style:decimal}.blogTemplate__content ol,.blogTemplate__content ul{margin:2rem 0 2rem 1.25rem}.blogTemplate__content h2+ul{margin:0 0 1.25rem 1.25rem}.blogTemplate__content ul ul{list-style-type:disc;margin:.625rem 0 .625rem 1.25rem}.blogTemplate__content ul.contains-task-list{list-style:none;margin:2rem 0}.blogTemplate__content li{font-size:1.125rem}@media only screen and (max-width:600px){.blogTemplate__content li{font-size:1rem}}.blogTemplate__content li.task-list-item>input{position:relative;margin-right:.5rem}.blogTemplate__content li.task-list-item>input:after{content:"";display:block;position:absolute;height:120%;width:120%;background-color:var(--c-blockquote);border:2px solid var(--c-gray-light);border-radius:3px}.blogTemplate__content li.task-list-item>input:checked:after{content:"";display:block;position:absolute;height:120%;width:120%;background-color:var(--c-primary-dark);background-image:url(/tick.svg);background-size:80% 80%;background-position:50%;background-repeat:no-repeat;border-radius:3px;border:none}.blogTemplate__content h2,.blogTemplate__content h3{font-family:IBM Plex Sans,sans-serif;color:var(--c-black-dark);padding-bottom:.9375rem;font-weight:700;position:relative}.blogTemplate__content h2:hover .blog__anchor,.blogTemplate__content h3:hover .blog__anchor{opacity:1}.blogTemplate__content h2{font-size:1.5rem}.blogTemplate__content h3{font-size:1.125rem}@media only screen and (max-width:600px){.blogTemplate__content h3{font-size:1.125rem}}.blogTemplate__content a{color:var(--c-primary)}.blogTemplate__content a:hover{text-decoration:underline}.blogTemplate__content hr{margin:3rem 0;background-color:var(--c-gray-light);border:none;height:1px}@media only screen and (max-width:600px){.blogTemplate__content hr{margin:1.875rem 0}}.blogTemplate__content table{width:100%;text-align:left;font-size:1.125rem;line-height:1.7;border-collapse:collapse}.blogTemplate__content table thead{background-color:var(--c-blockquote);border-bottom:2px solid var(--c-table-border);font-family:IBM Plex Sans,sans-serif;color:var(--c-black)}.blogTemplate__content table thead th{padding:.8rem 1rem}@media only screen and (max-width:600px){.blogTemplate__content table thead th{padding:.6rem .8rem}}.blogTemplate__content table tbody td{padding:.8rem 1rem;border-bottom:1px solid var(--c-table-border)}@media only screen and (max-width:600px){.blogTemplate__content table tbody td{padding:.6rem .8rem}}.blogTemplate__content table tbody tr:last-child td{border-bottom:none}@media only screen and (max-width:600px){.blogTemplate__content table{font-size:1rem;line-height:1.5}}.blogTemplate__content blockquote{border-left:3px solid var(--c-primary);padding:.9375rem .625rem .9375rem 1.25rem;background-color:rgba(59,130,246,.1);margin:2rem 0;border-radius:.3125rem}@media only screen and (max-width:600px){.blogTemplate__content blockquote{padding:.625rem .9375rem}}.blogTemplate__content blockquote>p{font-size:1.125rem;margin-bottom:0;word-wrap:break-word}@media only screen and (max-width:600px){.blogTemplate__content blockquote>p{font-size:1rem}}.blogTemplate__content :not(pre)>code[class*=language-]{padding:.25rem;border-radius:.2em;background:var(--c-blockquote);color:var(--c-primary-dark);text-shadow:none;font-size:1rem;word-wrap:break-word}.blogTemplate__content :not(pre)>code[class*=language-]::-moz-selection{background-color:var(--c-primary);color:#fff}.blogTemplate__content :not(pre)>code[class*=language-]::selection{background-color:var(--c-primary);color:#fff}@media only screen and (max-width:600px){.blogTemplate__content :not(pre)>code[class*=language-]{font-size:.75rem}}.blogTemplate__content code[class*=language-],.blogTemplate__content pre[class*=language-]{font-size:.875rem}.blogTemplate__content pre[class*=language-]{padding:1rem;background:var(--c-code)!important;z-index:2}.blogTemplate__content .token.cdata,.blogTemplate__content .token.comment,.blogTemplate__content .token.doctype,.blogTemplate__content .token.prolog{color:#9ca3af}.blogTemplate__content .token.tag{color:#e879f9}.navigateUp{position:fixed;left:3.125rem;bottom:3.125rem;background-color:var(--c-gray-light);padding:.625rem;border-radius:50%;height:3.125rem;width:3.125rem;cursor:pointer;z-index:10}.navigateUp>svg{height:1.875rem;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;transition:color .3 ease;color:var(--c-text-gray)}@media only screen and (max-width:600px){.navigateUp>svg{height:1.25rem}}.navigateUp:hover svg{color:var(--c-primary)}@media only screen and (max-width:600px){.navigateUp{left:unset;right:.625rem;bottom:.625rem;height:2.5rem;width:2.5rem}}.rehype-code-title{margin-top:2rem;margin-bottom:-2.2rem;background-color:var(--c-code-title);color:#9ca3af;padding:.625rem;border-radius:.3em .3em 0 0;line-height:1;font-size:.9375rem;font-family:IBM Plex Sans;font-weight:600}@media only screen and (max-width:600px){.rehype-code-title{font-size:.75rem}}.rehype-code-title:before{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1NTZfMikiPgo8cGF0aCBkPSJNNC41ODMzMyAzLjY2NjAySDguMjVMMTEgNi40MTYwMkgxNy40MTY3QzE3LjkwMjkgNi40MTYwMiAxOC4zNjkyIDYuNjA5MTcgMTguNzEzIDYuOTUyOUMxOS4wNTY4IDcuMjk2OCAxOS4yNSA3LjczMTIgMTkuMjUgOC4yNDkzNVYxNS41ODI3QzE5LjI1IDE2LjA2ODkgMTkuMDU2OCAxNi41MzUyIDE4LjcxMyAxNi44NzlDMTguMzY5MiAxNy4yMjI5IDE3LjkwMjkgMTcuNDE2IDE3LjQxNjcgMTcuNDE2SDQuNTgzM0M0LjA5NzEgMTcuNDE2IDMuNjMwNzkgMTcuMjIyOSAzLjI4Njk3IDE2Ljg3OTBDMi45NDMxNSAxNi41MzUyIDIuNzUgMTYuMDY4OSAyLjc1IDE1LjU4MjdWNS40OTkzNUMyLjc1IDUuMDEzMTIgMi45NDMxNSA0LjU0NjggMy4yODY5NyA0LjIwMjk5QzMuNjMwNzkgMy44NTkxNyA0LjA5NzEgMy42NjYwMiA0LjU4MzMzIDMuNjY2MDJaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMzc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTU2XzIiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);color:#fff;display:inline-block;vertical-align:middle;margin-right:.5rem;font-size:.5rem}@media only screen and (max-width:600px){.rehype-code-title:before{font-size:.875rem}}.blog__anchor{display:block;position:absolute;left:-1.9rem;opacity:0;padding:0 0 4px;border-radius:3px}.blog__anchor:focus{opacity:1;outline:2px solid var(--c-primary)}@media only screen and (max-width:800px){.blog__anchor{display:none}}.blog__anchor:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='dodgerblue'%3E%3Cpath fill-rule='evenodd' d='M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z' clip-rule='evenodd' /%3E%3C/svg%3E");display:block;color:#adff2f;width:25px;height:25px}.notFound__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.notFound__content>h1,.notFound__text{line-height:1;font-size:1.875rem;color:var(--c-primary);text-align:center}.notFound__content>h1{font-size:12.5rem}
/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}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}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-2{top:.5rem}.right-0{right:0}.my-8{margin-top:2rem;margin-bottom:2rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mb-3{margin-bottom:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-\[50px\]{width:50px}.w-6{width:1.5rem}.w-\[30\%\]{width:30%}.w-\[60\%\]{width:60%}.min-w-\[100px\]{min-width:100px}.min-w-\[30px\]{min-width:30px}.max-w-full{max-width:100%}.max-w-\[110px\]{max-width:110px}.max-w-\[500px\]{max-width:500px}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-8{row-gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border-\[1px\]{border-width:1px}.border-\[color\:var\(--c-table-border\)\]{border-color:var(--c-table-border)}.bg-\[\#8EDD1E\]{--tw-bg-opacity:1;background-color:rgb(142 221 30/var(--tw-bg-opacity))}.bg-\[rgba\(59\2c 130\2c 246\2c 0\.1\)\]{background-color:rgba(59,130,246,.1)}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-\[\#FB923C\]{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.bg-\[\#DB2777\]{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity))}.p-6{padding:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-32{padding-top:8rem}.pb-12{padding-bottom:3rem}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-\[18px\]{font-size:18px}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\[1\.7\]{line-height:1.7}.text-\[color\:var\(--c-black-dark\)\]{color:var(--c-black-dark)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-med-gray{color:var(--c-text-gray)}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[\#8ace1c\]:hover{--tw-bg-opacity:1;background-color:rgb(138 206 28/var(--tw-bg-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:flex{display:flex}@media (min-width:640px){.sm\:w-\[50\%\]{width:50%}.sm\:pb-0{padding-bottom:0}.sm\:text-\[18px\]{font-size:18px}}@media (min-width:768px){.md\:max-h-\[400px\]{max-height:400px}.md\:w-\[35\%\]{width:35%}.md\:w-\[65\%\]{width:65%}.md\:w-\[15\%\]{width:15%}.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:gap-y-0{row-gap:0}.md\:py-12{padding-top:3rem;padding-bottom:3rem}}@media (min-width:1280px){.xl\:max-w-\[500px\]{max-width:500px}.xl\:gap-x-0{-moz-column-gap:0;column-gap:0}.xl\:px-0{padding-left:0;padding-right:0}}code[class*=language-],pre[class*=language-]{color:#fff;font-family:Fira Code,Consolas,Inconsolata,Monaco,Courier New,Courier,monospace;font-size:14px;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1f2937}:not(pre)>code{padding:.25rem .5rem;border-radius:.25rem;background:var(--c-blockquote);color:var(--c-primary);text-shadow:none;font-size:.9375rem;font-weight:500;line-height:1;font-family:Fira Code,Consolas,Inconsolata,Monaco,Courier New,Courier,monospace}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7c7c7c}.token.punctuation{color:#bae6fd}.namespace{opacity:.7}.token.attr-name,.token.keyword,.token.property,.token.tag{color:#22d3ee}.token.class-name{color:#fde68a}.token.constant{color:#fff}.token.deleted,.token.symbol{color:#f92672}.token.boolean,.token.number{color:#ff73fd}.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#bef264}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6;cursor:help}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule{color:#f9ee98}.token.attr-value{color:#bef264}.token.console{text-decoration:none;color:#fff}.token.function{color:#e879f9}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}