@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{font-family:Roboto,sans-serif;width:100%;--font-color: #302E2B;--background-color: #FFF2E6;--container-color: #F3E4D5;--container-hover-color: #DBBFA4;--container-blur-color: rgba(243, 228, 213, .7);--font-hover-color: #121210;--sub-font-color: #6D6965;--sub-font-hover-color: #474442}#root{font-family:Roboto,sans-serif;width:100%;min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background-color);width:100%;min-height:100vh;align-items:center;display:flex;justify-content:center}.text{font-size:1rem;font-weight:400;line-height:1.5;color:var(--font-color);transition:font-size .3s ease}@media (max-width: 768px){.text{font-size:.9rem}}.text-headline{font-size:2rem;font-weight:700;line-height:1.2;color:var(--font-color);transition:font-size .3s ease}@media (max-width: 768px){.text-headline{font-size:1.7rem}}@media (max-width: 480px){.text-headline{font-size:1.5rem}}.content-container{padding-top:4rem!important;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;max-width:60rem;min-width:62vw;transition:padding .3s ease}@media (max-width: 768px){.content-container{padding-top:3rem;min-width:85vw}}@media (max-width: 480px){.content-container{padding-top:2rem;padding:1.5rem;min-width:95vw!important}}.tag{padding:.8rem 2.5rem;border-radius:10rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;font-size:1rem;background-color:var(--container-color);transition:background-color .3s ease}.tag.link:hover{background-color:var(--container-hover-color);cursor:pointer}.tag.disabled{background-color:var(--container-color);opacity:.6;cursor:default}.tag.disabled:hover{background-color:var(--container-color);cursor:default}.tagIcon{width:1.4rem;height:1.4rem;color:var(--font-color)}.skeleton{background:linear-gradient(90deg,var(--container-color) 25%,var(--container-hover-color) 50%,var(--container-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:15px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-image{width:100%;height:400px;display:flex;align-items:center;justify-content:center}.skeleton-video{width:100%;height:0;padding-bottom:56.25%;position:relative}.skeleton-video .skeleton{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 480px){.tag{padding:.6rem 2rem;font-size:.9rem}.tagIcon{width:1.2rem;height:1.2rem}}p.text{font-size:1.2rem;line-height:1.6;color:var(--font-color);font-weight:400}@media (max-width: 480px){p.text{font-size:1rem}}p.space{margin-top:2rem}p.space-big{margin-top:3vh}span.bold{font-weight:500}span.link{color:var(--font-color);transition:color .3s ease,letter-spacing .3s ease;cursor:pointer}span.link:hover{color:var(--font-hover-color)}.pr.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase-overlay{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dbbfa4b3;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);-moz-backdrop-filter:blur(0px);-ms-backdrop-filter:blur(0px);border-radius:20px;position:absolute;top:0;left:0;z-index:2;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),-moz-backdrop-filter .3s cubic-bezier(.4,0,.2,1),-ms-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase-overlay>.project-showcase-overlay-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 2rem}@media (max-width: 480px){.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase-overlay>.project-showcase-overlay-controls{padding:0 1.5rem}}.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase-overlay>.project-showcase-overlay-controls>.project-showcase-overlay-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:2rem;color:var(--font-color);cursor:pointer;border-radius:50%;background:transparent;border:none}.project-section{width:100%;display:flex;margin-top:3rem;flex-direction:column}.project-section>.project-head{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap}@media (max-width: 768px){.project-section>.project-head{flex-direction:column;gap:1.5rem}}.project-section>.project-head>.project-information{display:flex;flex-direction:row;gap:1rem}@media (max-width: 480px){.project-section>.project-head>.project-information{gap:.8rem}}.project-section>.project-head>.project-information>.project-logo-container{width:50px;height:50px;background-color:var(--container-color);align-items:center;display:flex;justify-content:center;border-radius:10px}.project-section>.project-head>.project-information>.project-logo-container>img{width:2rem}.project-section>.project-head>.project-information>.project-names{align-items:left;justify-content:center;display:flex;flex-direction:column;gap:.3rem}.project-section>.project-head>.project-information>.project-names>.title{font-size:1.2rem}@media (max-width: 480px){.project-section>.project-head>.project-information>.project-names>.title{font-size:1.1rem}}.project-section>.project-head>.project-information>.project-names>.description{font-size:1rem;color:var(--sub-font-color)}@media (max-width: 480px){.project-section>.project-head>.project-information>.project-names>.description{font-size:.9rem}}.project-section>.project-head>.project-links{display:flex;flex-direction:row;gap:1rem}.project-section>.project-showcase-container{width:100%;display:flex;flex-direction:column;margin-top:2rem}.project-section>.project-showcase-container>.project-showcase-container-inner{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px!important;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.project-section>.project-showcase-container>.project-showcase-container-inner:hover .project-showcase-overlay{opacity:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px);-ms-backdrop-filter:blur(3px);cursor:pointer}.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase{width:100%;display:flex;flex-direction:column;aspect-ratio:16 / 9;background-color:var(--container-color);border-radius:20px!important}.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase>video{width:100%;height:100%;border-radius:20px!important}.project-indicators{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.6rem;margin-top:2rem;width:100%}.project-indicator{width:.6rem;height:.6rem;border-radius:50%;background-color:var(--container-color);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-indicator.active{width:.6rem;height:.6rem;border-radius:50%;background-color:var(--container-color);animation:expand-progress .3s ease-out forwards}@keyframes expand-progress{0%{width:.6rem;border-radius:50%}to{width:6rem;border-radius:1rem}}.project-indicator-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--container-hover-color);border-radius:1rem;transition:width .05s ease-out}@media (max-width: 480px){.project-indicators{gap:.5rem;margin-top:1.5rem}.project-indicator,.project-indicator.active{width:.5rem;height:.5rem}@keyframes expand-progress{0%{width:.5rem;border-radius:50%}to{width:3rem;border-radius:.8rem}}}.project-section>.project-showcase-container>.project-showcase-container-inner>.project-showcase-overlay{width:100%;height:100%;display:flex;flex-direction:column;background:#e5ceb8b3;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);-moz-backdrop-filter:blur(0px);-ms-backdrop-filter:blur(0px);border-radius:20px;position:absolute;top:0;left:0;z-index:2;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.4,0,.2,1),-moz-backdrop-filter .5s cubic-bezier(.4,0,.2,1),-ms-backdrop-filter .5s cubic-bezier(.4,0,.2,1)}.skills-section{display:flex;flex-direction:column;margin-top:3rem;align-items:flex-start;justify-content:left;place-content:flex-start;width:100%}@media (max-width: 480px){.skills-section>.skills-container>.tag{font-size:4vw;width:100%}.skills-section>.tools-container{display:grid!important;grid-template-columns:1fr 1fr;gap:2vw}.skills-section>.tools-container>.tag{width:auto;min-width:0;box-sizing:border-box;padding:.7rem .8rem;margin-bottom:0}}.skills-section>.skills-container,.skills-section>.tools-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:left;justify-content:left;place-content:flex-start}.skills-section>.tools-container{margin-top:2rem}.about-section{margin-top:7vh;text-align:left;width:100%}.about-section>.image-container{width:100%;margin-top:5vh;margin-bottom:5vh;display:flex;flex-direction:column;gap:1rem;align-items:center}.about-section>.image-container .main-side{display:flex;flex-direction:row;gap:1rem;align-items:stretch;width:100%}.about-section>.image-container .main-side .main{aspect-ratio:9/16;width:70%;border-radius:15px;object-fit:cover;height:440px}.about-section>.image-container .main-side .side{aspect-ratio:1/1;width:30%;border-radius:12px;object-fit:cover;height:440px}.about-section>.image-container .row{display:flex;flex-direction:row;gap:1rem;margin-top:.5rem;width:100%}.about-section>.image-container .row-img{height:80px;border-radius:10px;object-fit:cover;margin-bottom:0;flex:1 1 0}.about-section>.image-container .row-img.landscape{aspect-ratio:16/9;width:140px;height:80px;border-radius:12px;object-fit:cover;margin-bottom:0;flex:0 0 140px}@media (max-width: 768px){.about-section{height:auto;max-height:none}.about-section>.image-container .main-side{gap:.7rem;align-items:stretch;width:100%}.about-section>.image-container .main-side .main{aspect-ratio:9/16;width:100%;height:300px}.about-section>.image-container .main-side .side{width:30%;height:300px}.about-section>.image-container .row{display:flex;flex-direction:row;gap:.7rem;width:100%}.about-section>.image-container .row-img,.about-section>.image-container .row-img.landscape{margin-bottom:0}.about-section>.image-container .row-img{flex:1 1 0}.about-section>.image-container .row-img.landscape{aspect-ratio:16/9;width:100px;flex:0 0 100px}}@media (max-width: 480px){.about-section>.image-container .main-side{gap:.5rem;width:100%}.about-section>.image-container .main-side .main{aspect-ratio:9/16!important;width:100%;height:170px}.about-section>.image-container .main-side .side{aspect-ratio:none;width:30%;height:170px}.about-section>.image-container .row{margin-top:0rem;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.about-section>.image-container .row-img{border-radius:7px;object-fit:cover;margin-bottom:0;flex:1 1 calc((100% - 1rem) / 3);min-width:0;max-width:calc((100% - 1rem) / 3);width:calc((100% - 1rem) / 3);box-sizing:border-box}.about-section>.image-container .row-img.landscape{aspect-ratio:16/9;width:calc((100% - 1rem) / 3);flex:1 1 calc((100% - 1rem) / 3);min-width:0;max-width:calc((100% - 1rem) / 3);box-sizing:border-box}.about-section>.image-container .row-img:nth-child(n+4){margin-top:.2rem}.about-section>.image-container .row-img{margin-bottom:0}}.about-section>.tag-container{margin-top:5vh;width:100%;display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:padding .3s ease}.profile-container{display:flex;align-items:center;gap:1rem;transition:gap .3s ease;cursor:pointer}@media (max-width: 480px){.profile-container{gap:.7rem}}.profile-container>.profile-picture{width:50px;height:50px;border-radius:50%;object-fit:cover;transition:width .3s ease,height .3s ease}@media (max-width: 480px){.profile-container>.profile-picture{width:40px;height:40px}.profile-container>.profile-information{gap:.2rem!important}}.profile-container>.profile-information{display:flex;flex-direction:column;justify-content:center;gap:.4rem;opacity:1;will-change:opacity}.profile-container>.profile-information>.name{font-size:1.3rem;font-weight:400;color:var(--font-color);transition:font-size .3s ease}@media (max-width: 768px){.profile-container>.profile-information>.name{font-size:1.2rem}}@media (max-width: 480px){.profile-container>.profile-information>.name{font-size:1.1rem}}.profile-container>.profile-information>.username{font-weight:400;color:var(--sub-font-color);font-size:1rem;transition:font-size .3s ease}@media (max-width: 768px){.profile-container>.profile-information>.username{font-size:.95rem}}@media (max-width: 480px){.profile-container>.profile-information>.username{font-size:.9rem}}.socials-container{display:flex;align-items:center;flex-direction:row;gap:1rem;background-color:var(--container-color);padding:.7rem 2.5rem;border-radius:2rem;justify-content:center;overflow:hidden;position:relative;min-height:3rem;cursor:pointer;will-change:width,padding;transition:background-color .2s ease}@media (max-width: 768px){.socials-container{gap:.8rem;min-height:2.8rem;padding-top:.65rem;padding-bottom:.65rem}}@media (max-width: 480px){.socials-container{gap:.7rem;min-height:2.6rem;padding-top:.6rem;padding-bottom:.6rem}}.social-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.5rem;text-decoration:none;color:var(--font-color);background:transparent;border:none;cursor:pointer;border-radius:50rem;flex-shrink:0;transform-origin:center;transition:color .2s ease,transform .2s ease}@media (max-width: 768px){.social-icon{width:1.8rem;height:1.8rem;font-size:1.3rem}}@media (max-width: 480px){.social-icon{width:1.6rem;height:1.6rem;font-size:1.2rem}}.mail-icon{order:1}.case-study-container{width:100%;display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.case-study-head{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap}.case-study-head .project-information{display:flex;flex-direction:row;gap:1rem}.case-study-head .project-logo-container{width:50px;height:50px;background-color:var(--container-color);align-items:center;display:flex;justify-content:center;border-radius:10px}.case-study-head .project-logo-container>img{width:2rem}.case-study-head .project-names{align-items:left;justify-content:center;display:flex;flex-direction:column;gap:.3rem}.case-study-head .project-names>.title{font-size:1.2rem;color:var(--font-color)}.case-study-head .project-names>.description{font-size:1rem;color:var(--sub-font-color)}.case-study-head .project-links{display:flex;flex-direction:row;gap:1rem}.case-study-main{width:100%;display:flex;flex-direction:row;gap:3rem;align-items:stretch;transition:all .3s ease}.case-study-left{display:flex;flex-direction:column;gap:2rem;flex:1;min-width:400px}.case-study-right{display:flex;flex-direction:column;gap:2rem;flex:1;align-self:stretch}.project-showcase-container{width:100%;display:flex;flex-direction:column}.project-showcase-container-inner{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;position:relative}.project-showcase{width:100%;display:flex;flex-direction:column;aspect-ratio:16 / 9;background-color:var(--container-color);border-radius:20px;overflow:hidden}.project-showcase>video{width:100%;height:100%;border-radius:20px}.case-study-tags{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:flex-start}.duration-tag{width:100%}.tool-tag{width:100%;justify-content:center}.github-tag,.case-study-stack{width:100%}.case-study-stack h3{font-size:1.4rem;font-weight:500;color:var(--font-color);margin-bottom:.5rem}.case-study-stack p{font-size:1rem;color:var(--sub-font-color);font-weight:400}.case-study-description{width:100%;display:flex;flex-direction:column;gap:1rem}.case-study-description p{font-size:1.1rem;line-height:1.6;color:var(--font-color);font-weight:400}.case-study-sections{width:100%;display:flex;flex-direction:column;gap:4rem}.case-study-section{width:100%}.case-study-section h2{font-size:1.7rem;font-weight:500;color:var(--font-color);margin-bottom:2rem}.case-study-content{display:flex;flex-direction:column;gap:1.5rem}.case-study-paragraph{font-size:1rem;line-height:1.6;color:var(--font-color);font-weight:400}.case-study-indent{font-size:1rem;line-height:1.6;color:var(--sub-font-color);font-weight:400;padding-left:2rem;border-left:3px solid var(--container-color);font-style:italic}.case-study-bullets{padding-left:1.5rem}.case-study-bullets li{font-size:1rem;line-height:1.6;color:var(--font-color);font-weight:400;margin-bottom:.5rem}.case-study-media{width:100%;display:flex;justify-content:center;align-items:center;margin:1rem 0}.case-study-image{max-width:100%;height:auto;border-radius:15px}.case-study-video{width:100%;max-width:800px;height:auto;border-radius:15px}.case-study-error{width:100%;text-align:center;padding:4rem 0}.case-study-error h1{font-size:2rem;color:var(--font-color);margin-bottom:1rem}.case-study-error p{font-size:1rem;color:var(--sub-font-color)}@media (max-width: 768px){.case-study-head{flex-direction:column;gap:1.5rem}.case-study-main{flex-direction:column;gap:2rem;align-items:flex-start}.case-study-left{min-width:unset}.case-study-tags{height:auto;justify-content:flex-start}.tool-tag{width:100%}.case-study-container{gap:2rem;margin-top:2rem}.case-study-section h2{font-size:1.6rem;margin-bottom:1.5rem}.case-study-sections{gap:3rem}.project-links,.case-study-head .project-links{width:100%;justify-content:flex-start;margin-top:.5rem}}@media (max-width: 480px){.case-study-head{flex-direction:column;gap:1rem}.case-study-main{gap:1.5rem;align-items:flex-start}.case-study-left,.case-study-right{gap:1.5rem;width:100%}.case-study-tags{height:auto;justify-content:flex-start}.project-information,.case-study-head .project-information{flex-direction:row;align-items:flex-start;gap:1rem}.project-links{width:100%;margin-top:0}.project-links>.externalLink{width:100%;justify-content:center}.case-study-head>.project-links>.tag{width:100%;justify-content:center}.case-study-head .project-links{width:100%;margin-top:0}.project-names>.title{font-size:1.1rem}.case-study-head .project-names>.title{font-size:1.1rem}.project-names>.description{font-size:.9rem}.case-study-head .project-names>.description{font-size:.9rem}.case-study-section h2{font-size:1.4rem;margin-bottom:1rem}.case-study-indent{padding-left:1rem}.case-study-sections{gap:2.5rem}.case-study-content{gap:1rem}.case-study-tags{gap:.8rem;height:auto;justify-content:flex-start}.tool-tag{width:100%}}