:root{--primary-color:#27272a;--secondary-color:#65656d;--tertiary-color:#acacb4;--quaternary-color:#e4e4e7;--link-color:#1c59ba;--link-hover-color:#123a85;--link-transparent-color:#1c59ba30;--white:#f8f8f8;--transparent-white:#f8f8f8e3;--light-gray:#f0f0f0;--primary-font:"Roboto",sans-serif;--secondary-font:"Roboto Slab",sans-serif;--monospaced-font:"Roboto Mono",sans-serif;--font-bold:500;--font-normal:400;--font-light:100;--box-shadow:0 0 6px rgba(0,0,0,.05);--box-shadow-strong:0 0 12px rgba(0,0,0,.15);--transition-regular:300ms ease;--transition-fast:200ms ease;--sparkly-text-color:var(--link-transparent-color);--sparkly-text-size:2em}.darkmode{--primary-color:#f8f8f8;--secondary-color:#c3c3c3;--tertiary-color:#6c6c75;--quaternary-color:#49494e;--link-color:#407cdb;--link-hover-color:#2f5fb8;--link-transparent-color:#407cdb30;--white:#363639;--transparent-white:#27272ae3;--light-gray:#3d3d40;--sparkly-text-color:var(--link-transparent-color)}:after,:before{transition:background var(--transition-regular)}:focus-visible{outline:none}:-moz-any-link{-webkit-tap-highlight-color:transparent}:any-link{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background-color:var(--white);font-family:var(--primary-font);margin:0;transition:background-color var(--transition-regular)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--white)}::-webkit-scrollbar-thumb{background-color:var(--quaternary-color);border-radius:2px}@media (hover:hover){::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary-color)}}.page-content{align-items:center;background-color:var(--white);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;transition:background-color var(--transition-regular)}.page-content:after,.page-content:before{background-color:var(--light-gray);border-left:2px solid var(--quaternary-color);border-right:2px solid var(--quaternary-color);bottom:0;content:"";position:fixed;top:0;transition:background-color var(--transition-regular),border var(--transition-regular);width:calc(50% - 600px)}.page-content:before{left:0;z-index:1}.page-content:after{right:0;z-index:1}.content-wrapper{margin:0 auto;position:relative;width:1000px}.title{color:var(--primary-color);font-family:var(--secondary-font);font-size:48px;font-weight:var(--font-bold);line-height:1.2;width:70%}.subtitle{color:var(--secondary-color);font-size:18px;line-height:1.6;margin-top:35px;text-align:left;width:70%;& .space{margin-top:12px}}.page-footer{display:block;margin-top:50px;width:1200px}.page-footer:before{border-top:2px solid var(--quaternary-color);content:"";left:0;position:absolute;right:0;transition:border var(--transition-regular)}.general-link{color:var(--link-color)}.alternative-link,.general-link{transition:color var(--transition-regular)}.alternative-link{color:var(--secondary-color);font-weight:var(--font-bold);text-decoration:none}.code-span{background-color:var(--quaternary-color);border-radius:8px;font-family:var(--monospaced-font);font-size:.9em;padding:2px 6px;transition:background-color var(--transition-regular)}@media (hover:hover){.general-link:hover{color:var(--link-hover-color)}.alternative-link:hover{color:var(--link-color)}::-moz-selection{background-color:var(--link-transparent-color)}::selection{background-color:var(--link-transparent-color)}}@media (max-width:1280px){.page-content:after,.page-content:before{width:5%}.content-wrapper{margin:0 auto;max-width:85%}.page-content:after,.page-content:before{display:none;width:calc(50% - 475px)}.page-footer{margin-top:32px;width:100%}.title{font-size:28px;line-height:1.3;width:100%}.subtitle{font-size:16px;line-height:1.8;width:100%;& .space{margin-top:6px}}}.about-logo-container{display:flex;justify-content:left;padding-top:25px}.about-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);display:flex;position:fixed;top:26px;transition:border var(--transition-regular);z-index:999}.about-container{margin:0;padding-top:120px}.about-main{display:flex;justify-content:space-between}.about-left-side{flex-basis:50%}.about-title{width:100%!important}.about-subtitle{width:auto}.about-right-side{display:flex;flex-basis:300px;flex-direction:column}.about-image-container{filter:drop-shadow(var(--box-shadow));height:370px;position:relative;width:370px;&:after{background:var(--quaternary-color);transform:translate(-10px,10px)}&:after,&:before{content:"";display:block;inset:0;-webkit-mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);position:absolute}&:before{background-color:var(--link-transparent-color);transform:translate(-20px,20px)}}.about-image{aspect-ratio:1;height:auto;-webkit-mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);width:100%;z-index:100;& img{-o-object-fit:cover;object-fit:cover;-o-object-position:0 8%;object-position:0 8%}}.about-socials{padding-bottom:50px;padding-top:50px}.about-socials-mobile{display:none}@media (max-width:1280px){.about-main{flex-direction:column}.about-title{margin-top:20px}.about-subtitle{margin-top:10px}.about-right-side{align-items:center;order:1}.about-left-side{flex-basis:100%;order:2}.about-socials{display:none}.about-socials-mobile{display:flex;margin-top:30px}.about-container{padding-top:0}.about-image-container{height:280px;margin-bottom:25px;margin-top:40px;max-width:100%;width:280px}.about-logo-container{display:none}}.footer{align-items:center;display:flex;justify-content:space-between;padding:25px 60px}.footer-links{flex-basis:30%}.footer-credits{flex-basis:70%}.footer-nav-link-list{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.footer-nav-link-item{font-size:14px}.footer-credits-text{color:var(--tertiary-color);font-size:14px;justify-content:flex-end;text-align:right}@media (hover:hover){.footer-nav-link-list a:hover{color:var(--link-color)}}@media (max-width:1280px){.footer{flex-direction:column;padding:15px 40px 75px}.footer-nav-link-list{display:none}}.skeleton{animation:wave 1s linear infinite forwards;background:linear-gradient(to right,var(--quaternary-color),var(--light-gray) 48%,var(--quaternary-color) 70%);background-size:600px;border-radius:4px;inset:0;position:absolute}@keyframes wave{0%{background-position:-300px 0}to{background-position:300px 0}}.logo{aspect-ratio:1;border-radius:50%;display:block;height:auto;margin:0;padding:0}.social{margin-bottom:12px;opacity:.8}.social a{display:block;height:20px;text-decoration:none}.social-icon{height:20px;text-align:center;width:20px}.social-icon,.social-text{color:var(--secondary-color);display:inline-block;transition:color var(--transition-regular)}.social-text{font-size:16px;font-weight:var(--font-bold);line-height:20px;margin-left:8px;vertical-align:top}.divider-wrapper{border-top:2px solid var(--quaternary-color);padding-top:12px;position:relative;transition:border var(--transition-regular)}@media (hover:hover){.social a:hover .social-icon,.social a:hover .social-text{color:var(--primary-color)}}@media (max-width:1280px){.divider-wrapper,.socials{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.social{flex-basis:50%}.divider-wrapper{border-top:0}}.contact-logo-container{display:flex;justify-content:left;padding-top:25px}.contact-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);display:flex;position:fixed;top:26px;transition:border var(--transition-regular);z-index:999}.contact-main{display:flex;justify-content:space-between;padding-top:120px}.contact-left-side{flex-basis:50%}.contact-subtitle{width:auto}.contact-right-side{display:flex;flex-direction:column;width:370px}.contact-qr-profile-image-container{aspect-ratio:1;height:auto;margin:0 auto;position:relative;transform:translateX(6px);width:25%;&:after{background:var(--quaternary-color);transform:translate(-5px,5px)}&:after,&:before{border-radius:50%;content:"";display:block;inset:0;position:absolute}&:before{background-color:var(--link-transparent-color);transform:translate(-10px,10px)}}.contact-qr-profile-image{aspect-ratio:1;border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);height:auto;margin:0 auto;z-index:100;img{-o-object-fit:cover;object-fit:cover}}.contact-qr-image{aspect-ratio:1;height:auto;margin:24px auto 0;width:50%;& svg{fill:var(--primary-color)}}.contact-qr-link{display:inline-block;margin-top:12px;text-align:center;width:100%}.contact-socials{align-items:center;justify-content:flex-start;margin-top:32px}@media (max-width:1280px){.contact-main{flex-direction:column;padding-top:50px}.contact-logo-container{display:none}.contact-right-side{width:100%}.contact-qr-container{display:none}.contact-socials{margin-top:30px}.contact-subtitle{margin-top:10px}}.homepage-logo-container{align-items:center;display:flex;height:80px;justify-content:left;padding-top:130px}.homepage-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);display:flex;transition:border var(--transition-regular);z-index:999}.homepage-container{padding-top:25px}.homepage-first-area{align-items:center;display:flex;justify-content:space-between}.homepage-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column}.homepage-subtitle,.homepage-title{width:85%!important}.homepage-first-area-right-side{align-items:center;display:flex}.homepage-image-container{filter:drop-shadow(var(--box-shadow));height:370px;position:relative;transform:rotate(3deg);width:370px;&:after{background:var(--quaternary-color);transform:translate(-10px,10px) rotate(-3deg)}&:after,&:before{content:"";display:block;inset:0;-webkit-mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);position:absolute}&:before{background-color:var(--link-transparent-color);transform:translate(-20px,20px) rotate(-6deg)}}.homepage-image{aspect-ratio:1;height:auto;-webkit-mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);mask-image:url(/static/media/squircle.52c61ec32743ca35f1af.svg);width:100%;z-index:100;& img{-o-object-fit:cover;object-fit:cover;-o-object-position:0 8%;object-position:0 8%}}.homepage-socials{align-items:center;display:flex;justify-content:left;margin-bottom:32px}.homepage-social-icon{color:var(--secondary-color);font-size:30px;height:36px;opacity:.8;text-align:center;transition:color var(--transition-regular);width:36px}.homepage-after-title{display:flex;gap:16px;justify-content:space-between;min-height:200px}.homepage-projects{flex-basis:300px;margin-bottom:32px}@media (hover:hover){.homepage-social-icon:hover{color:var(--primary-color)}}@media (max-width:1280px){.homepage-container{padding-top:0}.homepage-first-area{flex-direction:column}.homepage-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column;order:2;width:100%}.homepage-title{margin-top:20px;order:2;width:100%!important}.homepage-subtitle{margin-top:10px;order:3;width:100%!important}.homepage-first-area-right-side{justify-content:center;order:1;width:100%}.homepage-image-container{height:280px;margin-bottom:25px;margin-top:40px;order:1;width:280px}.homepage-projects{flex-basis:auto;margin-bottom:0;padding-top:0}.homepage-logo-container{display:none}.homepage-socials{margin-top:16px}.homepage-social-icon{font-size:24px;height:32px;width:32px}}@media (max-width:768px){.homepage-after-title{flex-direction:column}}.all-projects-container{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.all-projects-project{box-sizing:border-box;flex-basis:33.33333%}@media (max-width:1280px){.all-projects-container{margin-bottom:8px}.all-projects-project{flex-basis:50%}}@media (max-width:768px){.all-projects-project{flex-basis:100%}}.project{--sparkly-text-size:0;height:100%;position:relative;@media (hover:hover){&:hover{--sparkly-text-size:revert;box-shadow:var(--box-shadow);.project-link{color:var(--link-color)}.project-container{background-color:var(--light-gray);transform:translateY(-6px)}&:after{background-color:var(--link-color)}}}&:after{background-color:var(--tertiary-color);box-sizing:border-box;content:"";display:block;inset:0;position:absolute;transition:background-color var(--transition-regular)}@media (max-width:1280px){&:after{display:none}}}.project a{text-decoration:none}.project-container{background-color:var(--white);display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:30px;position:relative;transition:background-color var(--transition-regular),transform var(--transition-regular);z-index:100}.project-logos{height:36px}.project-logo-container{display:inline-block;height:100%;position:relative;&+&{margin-left:8px}&:after{background-color:var(--quaternary-color);border-radius:8px;box-shadow:var(--box-shadow);box-sizing:border-box;content:"";display:inline-block;inset:0;position:absolute;transition:background-color var(--transition-fast)}}.project-logo-container-hover{& .project-logo{background-color:var(--quaternary-color);border-color:var(--quaternary-color);transform:translate(3px,-5px)}&:after{background-color:var(--link-transparent-color)}}.project-logo{aspect-ratio:1;background-color:var(--light-gray);border:4px solid var(--light-gray);border-radius:8px;box-sizing:border-box;display:inline-block;height:100%;position:relative;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);vertical-align:middle;width:auto;z-index:100}.project-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:18px;font-weight:var(--font-bold);margin:12px 0}.project-description{color:var(--secondary-color);font-size:16px;max-height:76px;overflow-y:hidden}.project-link{align-items:center;color:var(--secondary-color);display:flex;font-size:14px;gap:8px;transition:color var(--transition-regular)}.project-link-icon{font-size:16px}.project-link-text{font-weight:var(--font-bold)}@media (max-width:1280px){.project-container{display:block;min-height:0}.project-link{margin-top:16px}}@media (max-width:768px){.project-container{display:block;margin-bottom:32px;min-height:0;padding:0}.project-logos{margin-bottom:8px}.project-title{line-height:24px;margin:0}.project-description{margin-top:16px;max-height:none}.project-link{margin-top:16px}}.downloads{flex-grow:1;max-width:454px}.downloads-body{font-size:14px;margin-left:4px}.download-item{align-items:center;color:var(--link-color);display:flex;gap:6px;text-decoration:none;transition:color var(--transition-fast);&+&{margin-top:6px}@media (hover:hover){&:hover{color:var(--link-hover-color)}}}.download-item-icon{font-size:1.25em}.download-item-title{margin:0}@media (max-width:768px){.downloads{max-width:100%;min-width:auto}}.card{height:100%;position:relative;&:before{border:2px solid var(--quaternary-color);border-radius:20px;box-shadow:var(--box-shadow);content:"";display:block;inset:-2px 0;position:absolute;transition:border var(--transition-regular)}}.card-container{padding:24px 30px;position:relative;z-index:100}.card-header{align-items:center;display:flex;gap:12px}.card-icon{color:var(--tertiary-color);height:24px;text-align:center;width:24px}.card-icon svg{font-size:18px;vertical-align:middle}.card-title{color:var(--secondary-color);font-family:var(--secondary-font);font-size:18px;font-weight:var(--font-bold)}.card-body{margin-top:18px}@media (max-width:768px){.card:before{inset:-2px -16px}.card-container{padding:18px 4px}}.works{flex-grow:1;max-width:530px;min-width:390px}.work{align-items:center;display:grid;grid-template:20px 1fr/60px 1fr auto;width:100%}.work+.work{margin-top:20px}.work-image{background-color:var(--light-gray);border:4px solid var(--light-gray);border-radius:50%;box-shadow:var(--box-shadow);box-sizing:border-box;grid-column:1;grid-row:1/span 2;height:40px;overflow:hidden;transition:all var(--transition-regular);width:40px}.work-title{font-weight:var(--font-bold);grid-column:2/span 3;grid-row:1}.work-subtitle,.work-title{color:var(--secondary-color);font-size:14px}.work-subtitle{grid-column:2;grid-row:2}.work-duration{color:var(--tertiary-color);font-size:14px;grid-column:3;grid-row:2;text-align:right}@media (max-width:1280px){.work{grid-template-columns:50px 1fr auto}}@media (max-width:768px){.works{max-width:100%;min-width:auto}}.nav-container{margin:0}.nav-container,.navbar{align-items:center;display:flex;justify-content:center}.navbar{position:fixed;top:26px;width:1000px;z-index:999}.nav-list{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--transparent-white);border-radius:40px;box-shadow:var(--box-shadow);display:flex;height:40px;justify-content:space-between;list-style:none;margin:0;padding:0 8px;transition:background-color var(--transition-regular)}.nav-item{cursor:pointer;font-size:14px;font-weight:var(--font-bold);height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;.nav-item-link{-webkit-touch-callout:none;align-items:center;color:var(--primary-color);display:flex;height:100%;padding:0 16px;text-decoration:none;transition:color var(--transition-regular)}.nav-item-icon-container{display:inline-block;transform:translateX(8px);transition:width var(--transition-regular);width:0}.nav-item-icon{aspect-ratio:1;color:var(--primary-color);height:auto;opacity:0;transform:scale(.8);transform-origin:-50% center;transition:transform var(--transition-regular),opacity var(--transition-regular),color var(--transition-regular);width:14px}&.active{.nav-item-icon,.nav-item-link{color:var(--link-color)}.nav-item-icon-container{width:16px}.nav-item-icon{opacity:1;transform:scale(1)}}}.theme-switch-container{position:absolute;right:0;top:0}.theme-switch-container-mobile{display:none;position:fixed;right:3vw;top:1vh;z-index:999}@media (hover:hover){.nav-item:hover{.nav-item-icon,.nav-item-link{color:var(--link-color)}.nav-item-icon-container{width:16px}.nav-item-icon{opacity:1;transform:scale(1)}}}@media (max-width:1280px){.navbar{bottom:26px;top:auto;width:auto}.nav-list{min-width:35%;padding:0 16px}.nav-item .nav-item-link{padding:0 8px}.nav-item .nav-item-icon-container{transform:translateX(6px)}.theme-switch-container{display:none}.theme-switch-container-mobile{display:block}}#theme-switch{align-items:center;aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--transparent-white);border:none;border-radius:50%;box-shadow:var(--box-shadow);cursor:pointer;display:flex;height:auto;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:48px;&:active{box-shadow:var(--box-shadow-strong);transform:scale(.9);& svg{fill:var(--secondary-color)}}& svg{fill:var(--secondary-color);height:24px;transition:fill var(--transition-fast);width:24px;&:last-child{display:none}.darkmode &{&:first-child{display:none}&:last-child{display:block}}&.rotate{animation:rotate360 .5s ease}}}@media (hover:hover){#theme-switch:hover{& svg{fill:var(--link-color)}}}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound-logo-container{display:flex;justify-content:left;padding-top:25px}.notfound-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);display:flex;position:fixed;top:26px;z-index:999}.notfound-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.notfound-message{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.notfound-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:48px;font-weight:var(--font-bold);padding-top:15px}.not-found-message{color:var(--secondary-color);font-size:18px;margin-top:10px;text-align:center}@media (max-width:1280px){.notfound-title{font-size:48px}.notfound-logo-container{display:none}}.projects-logo-container{display:flex;justify-content:left;padding-top:25px}.projects-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:4px solid var(--transparent-white);border-radius:50%;box-shadow:var(--box-shadow);display:flex;position:fixed;top:26px;transition:border var(--transition-regular);z-index:999}.projects-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.projects-subtitle{margin-bottom:32px;width:100%}@media (max-width:1280px){.projects-container{padding-top:50px}.projects-logo-container{display:none}.projects-subtitle{margin-top:10px}}