@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+US+Trad:wght@100..400&display=swap";html,body{margin:0;padding:0;border:0}html{max-width:100vw;overflow-x:hidden;box-sizing:border-box;font-weight:400;scroll-behavior:smooth!important}body{background-color:#dcebf3;color:#51607e;max-width:100vw}*{caret-color:transparent}input{caret-color:#97aad0}button,a,input,select,textarea,.project-card{-webkit-tap-highlight-color:transparent}a{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:unset;text-decoration:none}h1{font-size:2rem;font-weight:500}h2{margin:unset;font-size:1.25rem;font-weight:500}h3,h4{margin:unset;font-weight:600}h1,h2,h3,h4{margin-bottom:.25rem}p{margin:.25rem 0}img{pointer-events:none}ul{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:unset;padding:unset}ul li{list-style:none}button{font:inherit;color:inherit;border:unset;background-color:#eff5f8}.accent{color:#f87f97;font-weight:550}.accent svg,.accent path,.accent g{stroke-width:2}.hover-effect{transition:transform .3s ease,box-shadow .3s ease}@media (hover: hover) and (pointer: fine){.hover-effect:not(:has(.hover-effect:hover)):hover{transform:translate(-3px,-3px);box-shadow:2px 2px 3px #97aad0}}.disable-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}main{display:flex;flex-direction:row;padding:0rem 3rem;padding-left:30%;overflow-x:hidden}@media (max-width: 1360px){main{display:flex;flex-direction:column;padding:0rem 2rem}}@media (max-width: 640px){main{padding:0 .5rem}}.gradient{position:fixed;top:0;right:0;width:80vw;height:100vh;z-index:9;background:linear-gradient(to right,transparent,#DCEBF3);mix-blend-mode:lighten;pointer-events:none}@media (max-width: 1360px){.gradient{display:none}}.about-card p{background-color:#f9fdff;padding:.35rem .5rem;border-radius:.5rem}aside{--padding: 5vh;position:fixed;left:2vw;width:30vw;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;height:calc(100svh - var(--padding) * 2);padding:var(--padding) 0;gap:1rem}@media (prefers-reduced-motion: no-preference){aside{animation:landing-fade-in .75s 0s 1 ease-out}}aside hgroup{background:linear-gradient(to bottom,transparent,rgba(220,235,243,.7921568627) 40%);width:100%}aside hgroup h1{margin-bottom:.25rem}aside nav{display:flex;flex-wrap:wrap;margin-top:1rem;gap:.5rem;justify-content:center}aside nav a{display:flex;align-items:center;gap:.25rem;background-color:#eff5f8;padding:.45rem .55rem;border-radius:.5rem;border:1px solid #51607E;box-shadow:0 2px #51607e;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}aside nav a:hover{transform:translateY(3px);box-shadow:0 0 #51607e}aside #down{display:block;background-color:transparent;cursor:pointer;margin-top:.5rem;color:#97aad0}@media (prefers-reduced-motion: no-preference){aside #down{animation:down-idle 7s linear infinite}}@media (min-width: 1360px){aside #down{display:none}}@media (max-width: 1360px){aside{--padding: .25rem;position:relative;left:unset;width:100%}}@media (max-width: 640px){aside nav button{font-size:.8rem}aside nav button svg{width:18px}}svg#hero{position:absolute;width:65vw;left:-1rem;top:-20vh;z-index:-1;pointer-events:none}svg#hero #avatar{transform-origin:bottom}@media (prefers-reduced-motion: no-preference){svg#hero #avatar{animation:hero-avatar-breath 6s 0s infinite}}svg#hero #balloons-top>g{transform-origin:left}@media (prefers-reduced-motion: no-preference){svg#hero #balloons-top>g{animation:hero-balloons 6s var(--delay) infinite}}svg#hero #balloons-top>g:nth-child(4n-2){--delay: 0s}svg#hero #balloons-top>g:nth-child(4n-1){--delay: 1s}svg#hero #balloons-top>g:nth-child(4n){--delay: 2s}svg#hero #balloons-top>g:nth-child(4n+1){--delay: 3s}svg#hero #balloons-top-shine{display:none}@media (max-width: 1360px){svg#hero{width:120vw;left:-10vw}}@media (max-width: 640px){svg#hero{width:40rem;left:0;top:-10vh}svg#hero #balloons-top{translate:-35rem 10rem;rotate:-30deg;scale:1.3}}@keyframes landing-fade-in{0%{opacity:0;scale:1.3}to{opacity:1;scale:1}}@keyframes hero-avatar-breath{0%{transform:skew(1deg);scale:1}25%{scale:1 .98}50%{transform:skew(-1deg);scale:1}75%{scale:1 .98}to{transform:skew(1deg);scale:1}}@keyframes hero-balloons{0%{transform:rotate(0)}50%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes down-idle{80%{transform:translateY(0)}85%{transform:translateY(.55rem)}87%{transform:translateY(.6rem)}89%{transform:translateY(-.3rem)}90%{transform:translateY(0)}95%{transform:translateY(.55rem)}97%{transform:translateY(.6rem)}99%{transform:translateY(-.3rem)}to{transform:translateY(0)}}article{display:flex;flex-direction:column;z-index:10;width:100%;padding:2rem;gap:1.5rem}@media (max-width: 1360px){article{width:unset;padding:.5rem 2rem}}@media (max-width: 640px){article{padding:.5rem 0}}.article-card{display:flex;flex-direction:column;background-color:#eff5f8;padding:1rem;border-radius:.5rem;border:1px solid #51607E;box-shadow:5px 5px #51607e}.article-card hgroup{display:flex;align-items:center;gap:.5rem}.article-card hgroup svg{margin-top:-.25rem}@media (max-width: 640px){.article-card{box-shadow:0 5px #51607e;padding:.75rem}}.article-card:nth-child(5n-4){--delay: .15s}.article-card:nth-child(5n-3){--delay: .2s}.article-card:nth-child(5n-2){--delay: .25s}.article-card:nth-child(5n-1){--delay: .3s}.article-card:nth-child(5n){--delay: .35s}@media (prefers-reduced-motion: no-preference){.article-card{animation:card-fade-in .25s var(--delay) 1 ease-out;animation-fill-mode:backwards}}#copyright{width:100%;margin:0;text-align:center;font-size:.85rem}@keyframes card-fade-in{0%{translate:10rem 0;opacity:0}70%{translate:-1rem 0;opacity:1}to{translate:0;opacity:1}}.contact-list{display:flex;flex-direction:column;margin-top:.25rem;width:100%;gap:.5rem}.contact-list a{display:flex;align-items:center;cursor:pointer;gap:.5rem;padding:.25rem .35rem;border-radius:.5rem;background-color:#f9fdff}.contact-list a svg{width:20px}@media (max-width: 640px){.contact-list{width:100%}}.tools-list{display:grid;grid-template-columns:2fr 7fr;gap:.5rem 0;margin:.25rem 0}.tools-list>*{background-color:#f9fdff}.tools-list h4{display:flex;gap:.25rem;color:#97aad0;margin:unset;padding:.25rem .35rem;border-radius:.5rem 0 0 .5rem}.tools-list ul{display:flex;gap:.2rem .5rem;flex-wrap:wrap;padding:.25rem .35rem;border-radius:0 .5rem .5rem 0}.tools-list ul li{display:flex;align-items:center;gap:.25rem}.tools-list ul li:not(:last-child):after{content:"·";display:inline-block;margin-left:.25rem;color:#97aad0}.tools-list svg{width:20px}@media (max-width: 640px){.tools-list{grid-template-columns:1fr;gap:0}.tools-list h4{padding:.45rem .5rem;border-radius:.5rem .5rem 0 0}.tools-list ul{padding:.45rem .5rem;padding-top:0;border-radius:0 0 .5rem .5rem;margin-bottom:.75rem}}.modal-background{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(#dcebf3,#dcebf3,#dcebf395);width:100vw;height:110lvh;margin-top:-5lvh;z-index:50;transition:opacity .3s ease}.modal-background:not(:has(.modal.open)){opacity:0;pointer-events:none}.modal{display:flex;flex-direction:column;background-color:#eff5f8;width:min(var(--modal-width, 1020px),80vw);height:min(640px,80vh);padding:.5rem;border-radius:.5rem;border:1px solid #51607E;box-shadow:5px 5px #51607e}@media (prefers-reduced-motion: no-preference){.modal.open{animation:modal-open .35s 0s 1}}.modal .modal-header{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:.5rem}.modal .modal-header>button{padding:0 .25rem;margin-right:.5rem;border-radius:.5rem;cursor:pointer;height:fit-content}.modal .modal-content{position:relative;overflow:hidden;height:100%;margin-bottom:.5rem}@media (max-width: 640px){.modal{width:calc(100% - 1.85rem);height:90svh;box-shadow:0 5px #51607e}}@keyframes modal-open{0%{transform:scale(0);opacity:0}85%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.projects-list{display:grid;grid-template-rows:repeat(3,1fr);margin-top:.75rem;gap:.5rem}.projects-list .more-button{display:flex;align-items:center;width:fit-content;justify-self:center;cursor:pointer;font-size:.85rem;padding:.25rem .45rem;border-radius:.5rem;background-color:#f9fdff}.projects-list .more-button svg{width:20;height:20}@media (max-width: 640px){.projects-list{gap:.75rem}}.projects-modal-list{--card-width: 270px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--card-width),100%),1fr));padding:.5rem;gap:.75rem;height:calc(100% - 1rem);overflow:auto}.projects-modal-list.active{animation:projects-list-fade-in .3s 0s ease 1}.projects-modal-list:not(.active){animation:projects-list-fade-out .3s 0s ease 1;display:none}@keyframes projects-list-fade-in{0%{opacity:0;transform:translate(-100%);display:grid}to{opacity:1;transform:translate(0);display:grid}}@keyframes projects-list-fade-out{0%{opacity:1;transform:translate(0);display:grid}to{opacity:0;transform:translate(-100%);display:grid}}.project-card-container{container:project-card/inline-size}.project-card{display:grid;grid-template-columns:1fr 5fr;border-radius:.5rem;width:100%;height:100%;gap:.25rem;overflow:hidden;background-color:#f9fdff;cursor:pointer}.project-card>div{display:flex;flex-direction:column;padding:.25rem}.project-card>div h4{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0}.project-card>div hgroup{display:block}.project-card>div .buttons{display:flex;align-items:center}.project-card>div .buttons a{display:block;height:20px;padding:.25rem;border-radius:.5rem}.project-card>div .buttons svg{width:20px;height:20px}.project-card img{width:100%;height:100%;max-width:100%;object-fit:cover}.project-card ul.project-tags{display:flex;width:100%;flex-wrap:wrap;gap:.15rem .5rem;font-size:.75rem;color:#97aad0;max-height:1rem;overflow:hidden}.project-card ul.project-tags li:not(:last-child):after{content:"·";display:inline-block;margin-left:.25rem;color:#97aad0}.project-card p{font-size:.75rem;margin-bottom:0}@container project-card (width < 600px){.project-card{grid-template-columns:100%;grid-template-rows:120px auto;padding:0;gap:0}.project-card>div{padding:.5rem}}.project-details{position:absolute;display:flex;flex-direction:column;background-color:#eff5f8;width:calc(100% - 1rem);height:calc(100% - 1rem);overflow:auto;padding:.5rem;padding-top:0}.project-details.active{animation:projects-details-fade-in .3s 0s ease 1}.project-details:not(.active){animation:projects-details-fade-out .3s 0s ease 1;display:none}.project-page{position:relative}.project-page h3{position:sticky;top:0;display:flex;align-items:center;gap:.25rem;margin:0;font-size:1.15rem;background-color:#eff5f8}.project-page h3 button{aspect-ratio:1;padding:.25rem;border-radius:.5rem;cursor:pointer}.project-page h3 button svg{width:20px;height:20px;translate:0 .15rem}.project-page ul.project-tags{display:flex;flex-wrap:wrap;gap:.15rem .5rem;font-size:.75rem;color:#97aad0;margin-left:2rem;margin-bottom:.5rem}.project-page ul.project-tags li:not(:last-child):after{content:"·";display:inline-block;margin-left:.25rem;color:#97aad0}.project-page a{display:flex;align-items:center;cursor:pointer;gap:.5rem;padding:.25rem .35rem;border-radius:.5rem;background-color:#f9fdff}.project-page a svg{width:20px}.project-content{display:grid;grid-template-columns:8fr 2fr;gap:.5rem}.project-content div.project-body{display:flex;flex-direction:column;gap:.5rem}.project-content div.project-body p{margin:0;padding:.35rem .75rem;background-color:#f9fdff;border-radius:.5rem}.project-content ul.project-images{display:flex;flex-direction:column;gap:.5rem;-ms-overflow-style:none;scrollbar-width:none}.project-content ul.project-images img{object-fit:cover;aspect-ratio:auto;max-height:240px;max-width:100%;border-radius:.5rem}.project-content ul.project-images::-webkit-scrollbar{display:none}@media (max-width: 640px){.project-content{display:flex;flex-direction:column-reverse}.project-content ul.project-images{flex-direction:row;width:100%;height:120px;overflow-x:scroll}.project-content ul.project-images img{height:100%;width:auto}}@keyframes projects-details-fade-in{0%{opacity:0;transform:translate(200%);display:flex}to{opacity:1;transform:translate(0);display:flex}}@keyframes projects-details-fade-out{0%{opacity:1;transform:translate(0);display:flex}to{opacity:0;transform:translate(200%);display:flex}}:root{font-family:Outfit,system-ui,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1.15rem;line-height:1.35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100vw;overflow:none}.playwrite{font-family:Playwrite US Trad,cursive,sans-serif}::selection{color:#fff;background:#f87f9180}::-moz-selection{color:#fff;background:#f87f9180}::-webkit-selection{color:#fff;background:#f87f9180}body.firefox *{scrollbar-width:thin;scrollbar-color:#97AAD0 transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#97aad0;border-radius:4px;transition:background-color .3s}ul.labs-list{display:flex;flex-direction:column;margin-top:.75rem;gap:.5rem}ul.labs-list .labs-card{background-color:#f9fdff;border-radius:.5rem;padding:.35rem .5rem}ul.labs-list ul.lab-tags{display:flex;width:100%;flex-wrap:wrap;gap:.15rem .5rem;font-size:.75rem;color:#97aad0}ul.labs-list ul.lab-tags li:not(:last-child):after{content:"·";display:inline-block;margin-left:.25rem;color:#97aad0}