:root{--black: #000;--white: #fff;--white-bg: #FFF6F8;--blue: #9DAEF2;--red: #F4A5A7;--green: #9BF0AF}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::selection{background-color:var(--blue);color:var(--white)}a{font-weight:500;color:var(--black);text-decoration:inherit}a:focus-visible{box-shadow:0 0 0 .1rem var(--blue)!important;outline:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.button>*{display:flex;justify-content:flex-start;align-items:center;gap:10px}button,.button a{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--blue);cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible,a.button a:focus,.button a:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:ClashDisplay;src:url(/assets/ClashDisplay-Variable-Buk7cB_f.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Archivo;src:url(/assets/Archivo-Variable-B74ytzVH.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}*{font-family:ClashDisplay;font-weight:500}#root{margin:0;text-align:center;overflow:hidden}p{font-family:Archivo}.card{padding:2em}.app-content{z-index:1;position:relative}.backgroundCanvas{position:absolute;left:-1000000px;top:-1000000px;width:2000000px;height:2000000px;background:transparent;cursor:grab;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1.5px,transparent 1.5px);background-size:24px 24px}.container{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--white-bg)}.box{background-color:var(--red);width:50px;height:50px;position:absolute;left:1000000px;top:1000000px;transform:translate(-50%,-50%)}.project-cards{cursor:pointer;display:flex;justify-content:space-around;align-items:end;touch-action:auto!important}.project-cards .content{padding:10px;width:100%;height:100%;display:flex;justify-content:space-around;align-items:end}.project-cards div{height:fit-content;overflow:hidden}.project-cards .hover-circle{position:absolute;width:60px;height:60px;border-radius:50%;background:var(--white);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;mix-blend-mode:difference;display:flex;align-items:center;justify-content:center;z-index:8;background-size:cover;filter:brightness(160%)}.project-cards .hover-circle svg{width:70%;height:70%}.project-cards .video,.project-cards .preview-image{position:absolute;width:100%;height:100%;object-fit:cover}.project-cards .preview-image{z-index:1}.project-cards .filter{position:absolute;inset:0;background:linear-gradient(to top,#0000 0% 50%,#0000 70%);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);-webkit-mask-image:linear-gradient(to top,rgb(0,0,0) 0%,rgba(0,0,0,.975) 20%,rgba(0,0,0,0) 60%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:linear-gradient(to top,#000,#000000f9 20%,#0000 60%);mask-repeat:no-repeat;mask-size:cover;z-index:2;height:100%}.project-cards:focus-visible{box-shadow:0 0 0 .2rem var(--blue)!important;outline:0;color:var(--blue)}.project-cards .project-title{z-index:2;width:50%;font-size:1.7rem}.project-cards .project-title.long{font-size:1.4rem;margin-bottom:.2rem}.project-cards .project-title.very-long{font-size:.8rem;margin-bottom:.6rem}.project-cards .year{padding-bottom:.5rem;z-index:2}.backgroundCanvas .title{position:absolute;left:1000000px;top:1000000px;transform:translate(-50%,-50%);color:#000;width:20rem}.title .split-parent{overflow-y:hidden}.navbar-container{z-index:2;position:fixed;top:0;left:0;width:100%}.navbar{position:fixed;top:35px;left:50%;right:50%;width:fit-content;transform:translate(-50%);color:#000;background-color:#fff;z-index:10;border-radius:100px;padding:0 20px 0 10px;box-shadow:0 3px 10px #0202630d;transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.navbar .content{display:flex;flex-direction:row;color:#000;align-content:space-between;gap:100px;align-items:center;transition:1s ease}.navbar .tabs{padding-top:10px;padding-bottom:10px;padding-left:10px}.navbar .tabs,.navbar .tabs>div{display:flex;align-items:center;gap:30px;cursor:pointer;overflow:hidden}.navbar .tabs span{font-weight:500;font-size:1.25rem}.navbar .tabs .sub-tab{display:flex;flex-direction:column;position:relative;transition:.2s ease color,.5s ease transform;padding-left:10px;padding-right:10px}.navbar .tabs .sub-tab span{display:flex;flex-direction:row}.navbar .tabs .sub-tab span div{font-weight:400}.navbar .tabs .sub-tab span:last-child{position:absolute;top:-30px}.navbar .tabs .sub-tab:hover{transform:translateY(30px);color:var(--blue)}.navbar .tabs .sub-tab.active{color:var(--blue)}.navbar .tag{font-weight:450;font-size:2.25rem;min-width:100px;padding:2px 0;overflow:hidden}.navbar h1{margin:0}.navbar .tag a{padding-left:10px;padding-right:10px;border-radius:50px}.navbar .tag a span{font-weight:450!important}.navbar img{width:1.25rem;transition:.5s ease}.navbar img:hover{transform:rotate(180deg)}.navbar-container .burger-icon-container{position:fixed;right:50px;top:44px;cursor:pointer;z-index:1}.navbar-container .burger-icon-container .bar{transition:transform 1s cubic-bezier(.19,1,.22,1),width 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1);transform-origin:17px 11px}.navbar-container .burger-icon-container.active .blue-bar{width:26px;transform:rotate(-45deg) translate(4px) translateY(10px)}.navbar-container .burger-icon-container.active .green-bar{transform:rotate(45deg) translate(-4px) translateY(0)}.navbar-container .burger-icon-container.active .red-bar{width:0;opacity:0}@media (max-width: 768px){.navbar .content{gap:10px}}.navbar .tabs .sub-tab:focus-visible{box-shadow:0 0 0 .1rem var(--blue)!important;outline:0;color:var(--blue);border-radius:50px}.intro{position:absolute;width:100vw;height:100vh;background-color:var(--white);z-index:99999;display:flex;justify-content:center;align-items:center}.intro .intro-container{display:flex;align-items:baseline;gap:10px;overflow:hidden;width:100vw;justify-content:center}.intro img{width:30px;height:30px;padding-bottom:10px;display:block;transform-box:fill-box}.intro-title{color:#000;height:fit-content;font-size:5rem;overflow:hidden;height:6rem}.intro-title .split-parent div{overflow:hidden}.button a,.button button{display:flex;align-items:center;gap:30px;cursor:pointer;overflow:hidden}.button a .sub-tab,.button button .sub-tab{display:flex;flex-direction:column;position:relative;transition:.2s ease color,.5s ease transform;overflow:hidden}.button a .sub-tab span:last-child,.button button .sub-tab span:last-child{position:absolute;top:-20px}.button a .sub-tab span:last-child{position:absolute;top:-24px}.button button{text-wrap:nowrap;transition:.5s ease}button:disabled,button[disabled]{opacity:.8;color:#fff;cursor:not-allowed}.info-container .button .sticky{position:sticky;top:50%}.info-container .button .sticky a:focus-visible,.info-container .button .sticky button:focus-visible{outline:4px auto deepskyblue}.container .center-button{position:fixed;left:40px;z-index:2000;padding:10px;background:var(--blue);border:2px transparent solid;cursor:pointer;top:36px;color:var(--white);background:var(--white);border-radius:100px;box-shadow:0 3px 10px #0202630d;width:40px;height:40px;transition:.3s ease;opacity:0;visibility:hidden}.container .center-button:hover{border:2px var(--blue) solid}.info-container .info{position:fixed;width:calc(66vw - 20px);right:0;top:0;background-color:var(--white);z-index:9999;height:0;padding:0 10px 10px;color:var(--black);overflow:scroll;height:calc(100vh - 10px)}.info-container .info .topbar{display:flex;flex-direction:row;justify-content:space-between;padding:10px;position:sticky;top:0;background-color:var(--white);z-index:1}.info-container .info .topbar .logo{display:flex;align-items:baseline;gap:5px}.info-container .info .topbar .tag{font-weight:450;font-size:2.25rem;margin:0}.info-container .info .topbar img{width:1.25rem;height:1.25rem}.info-container .info .topbar .cross{display:flex;cursor:pointer}.info-container .info .topbar .cross svg{padding:3px}.info-container .info .topbar .cross svg:focus-visible{box-shadow:0 0 0 .1rem var(--blue)!important;outline:0;border-radius:50px}.info-container .info .content{padding:0 10px 10px}.info-container .info .content .video{max-height:80vh;object-fit:cover;width:100%;background-color:var(--blue)}.info-container .info .content .video:focus-visible{box-shadow:0 0 0 .2rem var(--blue)!important;outline:0}.info-container .info .content .text-content{display:flex;gap:30px}.info-container .info .content .text-content>div:first-child{width:66%;flex-grow:4}.info-container .info .content .text-content .image-gallery{display:flex;flex-direction:column}.info-container .info .content .text-content .image-gallery img{width:80%;padding:10px 0;max-width:500px}.info-container .info .content .text-content .image-gallery img:nth-child(2n){margin-left:auto}.info-container .info .content .text-content .image-gallery img:nth-child(odd){margin-right:auto}.info-container .info .content .row.technologies{flex-direction:column;align-items:flex-start}.info-container .info .content .row.technologies span{margin:10px 0}.info-container .info .content .row{display:flex;justify-content:space-between;min-height:50px;align-items:center;flex-wrap:wrap;min-height:80px;column-gap:20px}.info-container .info .content .row h2{text-wrap:nowrap;margin:0}.info-container .info .content .row p{width:100%;text-align:left;font-weight:300}.info-container .info .content .row .icons{display:flex;flex-direction:row;gap:10px;color:var(--blue)}.info-container .info .content .row:not(:last-of-type){border-bottom:1px solid var(--blue)}.info-container .background-fallback{position:fixed;width:100vw;left:0;bottom:0;background-color:var(--black);opacity:0;z-index:9998;height:100vw;cursor:pointer}@media (max-width: 1024px){.info-container .info{width:calc(100vw - 20px)}.info-container .info .content{position:relative}.info-container .info .content .button{position:absolute;height:100%;right:15px;top:0}.info-container .info .content .button a.sticky{left:15px;width:fit-content;top:85%}}@media (min-width: 768px){.container .center-button{position:fixed;right:40px;left:auto}}.off-canvas-menu{height:100vh;width:100vw;background-color:var(--white-bg);position:absolute;top:0;left:0;transform:translate(100%);overflow:hidden}.off-canvas-menu .cross{position:absolute;right:50px;top:46px;cursor:pointer}.off-canvas-menu .boxes{position:absolute;top:0;height:100%;width:100%}.off-canvas-menu .boxes .green{background-color:var(--green);bottom:60px;right:50px;width:350px}.off-canvas-menu .boxes .blue{background-color:var(--blue);bottom:50px;left:50px;height:150px}.off-canvas-menu .boxes .red{background-color:var(--red);top:150px;right:50px;height:250px}.off-canvas-menu .boxes div{height:200px;width:200px;position:absolute}.off-canvas-menu .content{width:calc(100% - 100px);height:calc(100% - 100px);padding:50px;display:flex;color:var(--black);flex-direction:column;justify-content:center;position:relative}.off-canvas-menu .content .sub-tab{display:flex;flex-direction:column;justify-content:center;cursor:pointer}.off-canvas-menu .content .sub-tab.active{color:var(--blue)}.off-canvas-menu .content span{width:fit-content;font-size:5rem;z-index:1;overflow:hidden;height:6rem;text-wrap:nowrap}.off-canvas-menu .copyrights{position:absolute;bottom:10px;text-align:center;color:var(--black);right:50%;width:300px;transform:translate(50%)}@media (max-width: 576px){.off-canvas-menu .content span{font-size:4rem;height:5rem}}@media (max-width: 414px){.off-canvas-menu .content span{font-size:3rem;height:4rem}}.alt-page{position:absolute;top:0;color:var(--black);width:calc(100% - 100px);height:calc(100% - 100px);padding:50px;flex-direction:column;justify-content:center;display:flex}.alt-page .content{display:grid;grid-template-columns:1fr 2fr;gap:50px;min-height:70%}.alt-page .content.contact{grid-template-columns:1.5fr 1fr}.alt-page .content.contact .alert{transition:.8s ease;opacity:0;margin:20px 0;position:absolute;bottom:0;transform:translateY(50px);background-color:var(--green);width:100%;text-wrap:nowrap;padding:10px}.alt-page .content.contact .alert.show-alert{opacity:1;transform:translateY(0)}.alt-page .content.contact .name>div{display:flex;flex-direction:column;width:100%}.alt-page .content .info{display:flex;justify-content:center;flex-direction:column}.alt-page .content .info h1{text-align:left}.alt-page .content .info .button{margin-left:auto;width:fit-content}.alt-page .content .about-text{text-align:left;display:flex;flex-direction:column;justify-content:space-around}.alt-page .content .about-icons{display:flex;flex-direction:column;gap:15px}.alt-page .content .about-icons a{padding-left:5px;padding-right:5px;border-radius:10px}.alt-page .content .about-icons>div{display:flex;align-items:center;gap:10px}.alt-page .content .form{display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative}.alt-page .content .form>div{display:flex;text-align:left;gap:10px}.alt-page .content .form .mail,.alt-page .content .form .message{flex-direction:column;gap:0}.alt-page .content .form label{font-size:1.25rem}.alt-page .content .form input,.alt-page .content .form textarea{font-family:Archivo;font-weight:300;font-size:1rem;padding:10px;background-color:var(--white-bg);border:0;color:var(--black)}.alt-page .content .form .message textarea{resize:vertical}.alt-page .content .form input:focus-visible,.alt-page .content .form textarea:focus-visible{box-shadow:0 0 0 .1rem var(--blue)!important;outline:0}.alt-page .button.projects button{background-color:var(--white-bg);color:var(--black)}.alt-page .images{background-color:var(--red)}.alt-page .images img{width:100%;height:100%;object-fit:cover}.alt-page p{font-weight:400;text-align:left}.alt-page .button.projects{position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.alt-page button:focus-visible:not(.submit-container button,.about.content button){transition:none;box-shadow:0 0 0 .1rem var(--blue)!important;outline:0}.alt-page .contact .linkedin svg{fill:var(--blue)}.alt-page .contact .email svg{color:var(--red)}.alt-page .contact .location svg{color:var(--green)}.alt-page .contact .submit-container{display:flex;align-items:center}.alt-page .contact .submit-container .spinner{animation:spinner-animation 1s infinite ease;margin:0 10px;color:var(--blue)}@keyframes spinner-animation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width: 768px){.alt-page .content .name{flex-wrap:wrap}}@media (max-width: 1024px){h1{font-size:2.5rem}.alt-page{padding:25px;width:calc(100% - 50px);height:calc(100% - 50px)}.alt-page h1{font-size:2rem}.alt-page .projects.button{right:0;left:auto}.alt-page .content{grid-template-columns:1fr;height:90%}.alt-page .content .contact.button{margin-right:auto}.alt-page .content.contact{grid-template-columns:1fr;display:block}.alt-page .content.contact .alert{transition:.8s ease;opacity:0;margin:20px 0;position:absolute;bottom:0;transform:translate(-50%,50px);left:50%;right:50%;background-color:var(--green);width:100%;text-wrap:nowrap;padding:10px}.alt-page .content.contact .alert.show-alert{opacity:1;transform:translate(-50%)}.alt-page .content .name>div{display:flex;flex-direction:column;width:100%}.alt-page .content .submit-container{margin-left:auto;margin-right:auto;margin-bottom:50px;transition:1s ease;position:relative;z-index:1}.alt-page .content .submit-container .spinner{position:absolute;right:-50px}.alt-page .content .info{justify-content:flex-start}.alt-page .images{height:45%;width:100%}.alt-page p{font-size:.875rem}}