@charset "UTF-8";.preloader-background{position:fixed;bottom:-15vh;left:0;right:0;z-index:100;width:100vw;height:130lvh;background-color:var(--bg-secondary);color:var(--text-primary);display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .5s ease}.preloader-background.hidden{bottom:-130vh}.preloader-logo-container{display:flex;justify-content:center;align-items:center;animation:preloaderAnimation 3s ease-in-out forwards}.preloader-logo{max-width:350px;height:auto}@keyframes preloaderAnimation{0%{transform:scale(0)}20%{transform:scale(1.2)}25%{transform:scale(1)}30%{transform:scale(1)}60%{transform:scale(1) rotate(-25deg)}to{transform:scale(0) rotate(1080deg)}}@media (prefers-reduced-motion: reduce){.preloader-logo-container{animation:none!important}}p{color:var(--text-secondary);margin:0}h1{color:var(--text-primary);font-size:min(6em,10vw);font-weight:900;margin:0}.home-block{height:calc(100vh - 3rem);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:2rem}.home-text{align-self:center;max-width:40rem;padding-bottom:3rem}.hello-text,.motto-text{font-size:min(1.25rem,3.5vw);line-height:1.5;font-weight:400}.motto-text{margin-bottom:0rem;padding-bottom:1rem}.name{font-size:min(6.5rem,12vw);margin-top:1rem;margin-bottom:1rem}.home-picture{background-color:var(--bg-secondary);animation:morph 15s linear infinite}.home-picture.viewed{background-size:cover;background-position:center}.home-picture span{z-index:0;width:100%;height:100%;position:fixed;border:1px solid var(--bg-tertiary);transform:rotate(10deg);animation:morph 20s infinite}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.avatar{position:relative;z-index:5;height:auto;max-width:max(200px,20vw);margin-top:auto;margin-bottom:auto;margin-inline:2rem;padding-bottom:3rem;border-radius:45%}@media (max-width: 1000px){.home-block{margin-top:3rem;flex-direction:column;justify-content:flex-start;padding-bottom:0!important}.home-text{padding-bottom:1rem}}.header{position:sticky;top:0;height:4rem;background-color:transparent;z-index:2;display:flex;justify-content:flex-end;align-items:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.header.hide{top:-4rem}.header-logo-wrapper{margin-right:auto;margin-left:1rem;display:flex;justify-content:center;align-items:center}.header-logo{max-height:4rem;width:auto}.nav-item{color:var(--text-primary);padding:.75rem;margin-inline:.25rem;text-decoration:none;text-transform:uppercase}.nav-item:last-child{margin-right:1rem}.nav-item:hover{color:var(--accent-primary)}.mobile-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;position:sticky;top:0;width:100vw;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.mobile-header.expanded{position:fixed;top:0;height:100vh;-webkit-backdrop-filter:none;backdrop-filter:none}.logo-menu-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}.spacer.show{height:4rem}.nav-overlay{position:fixed;top:-100vh;height:100vh;width:100vw;z-index:2;background-color:var(--bg-primary);opacity:.7;transition:top .5s ease}.nav-overlay.show{top:0;background-color:var(--bg-primary);opacity:.95}.menu-icon{color:var(--text-primary);cursor:pointer;border:none;background:none;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem;font-size:1.5rem}.menu-icon:active{background-color:transparent}.nav-items{position:absolute;top:5rem;z-index:1000;display:flex;flex-direction:column;align-items:center;width:100%;transition:transform .5s ease}.nav-items.hide{transform:translateY(-100vh)}.nav-item-mobile{color:var(--text-primary);width:50vw;text-align:center;padding:.75rem;margin-inline:.25rem;text-decoration:none;text-transform:uppercase;margin:1rem;border:2px solid var(--text-primary);border-radius:30px;transition:transform .5s ease}.nav-item-mobile.hide{opacity:0;pointer-events:none;position:absolute}.nav-item-mobile.show{opacity:1;pointer-events:auto;position:static}.nav-item-mobile:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-.5rem)}.work-container{padding-top:3rem;padding-bottom:6rem;display:flex;justify-content:center;column-gap:3rem}.buttons-container{margin-top:6rem;display:flex;flex-direction:column;width:400px}.button-wrapper{display:flex;align-items:center;padding-top:.5rem;padding-bottom:.5rem;margin-bottom:.5rem;cursor:pointer;min-width:225px}.line{height:1px;background-color:var(--text-secondary);margin-right:10px;width:50px;transition:width .3s,background-color .3s}.button-wrapper button{border:none;background:none;cursor:pointer;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:500;transition:color .3s}.button-wrapper.active .line{height:2px;width:125px;background-color:var(--text-primary)}.button-wrapper.active button{color:var(--text-primary)}.button-wrapper:hover .line{height:2px;width:125px;background-color:var(--accent-primary)}.button-wrapper:hover button{color:var(--accent-primary)}.work-description-container{width:600px}.work-description-container.fade{opacity:0;transition:opacity .15s}.position-company{margin-bottom:.25rem;font-size:1.625rem;letter-spacing:.0625rem}.date{margin-bottom:1rem;font-size:.875rem;font-weight:lighter}.bullet{position:relative;margin-bottom:1rem;line-height:1.5;font-weight:400;font-size:min(1.125rem,3.5vw)}.bullet:before{content:"»";position:absolute;left:-1rem;color:var(--accent-primary)}.skills-list{display:flex;flex-wrap:wrap;max-width:100%;margin:0;padding:0}.skill{background-color:var(--bg-secondary);color:var(--accent-primary);list-style-type:none;border-radius:30px;margin-top:.25rem;margin-bottom:.5rem;margin-right:.75rem;padding:.5rem .75rem;font-size:.875rem}.work-section-title{display:flex;align-items:center;max-width:1000px;margin-inline:auto;padding-top:5rem}.title-line{height:1px;background-color:var(--bg-tertiary)}.title-line.first{width:100px}.title-line.second{width:300px}.work-title{font-size:2rem;margin-inline:1rem}@media (max-width: 1000px){.work-section-title{justify-content:center}.title-line.first{width:50px}.title-line.second{width:150px}.work-container{padding-top:1rem;padding-bottom:0;margin-bottom:1rem;flex-wrap:wrap}.work-description-container{width:auto;padding-inline:2rem}.line{display:none}.buttons-container{margin:0;overflow-x:scroll;display:flex;flex-direction:row;justify-content:flex-start}.button-wrapper{display:inline-block;justify-content:center;align-items:center;min-width:unset;border:1px solid var(--bg-secondary);background-color:var(--bg-secondary);padding:.5rem .75rem;white-space:nowrap}.button-wrapper:first-child{border-radius:1rem 0 0 1rem}.button-wrapper:last-child{border-radius:0 1rem 1rem 0}.button-wrapper.active{border:1px solid var(--bg-tertiary)}.button-wrapper button{font-size:1rem}.active button{color:var(--accent-primary)}.link:before{display:none}}@media (max-width: 725px){.title-line.first{width:50px}.title-line.second{width:80px}}.projects-section-title{display:flex;flex-direction:row-reverse;align-items:center;max-width:1000px;margin-inline:auto;margin-bottom:1rem;padding-top:5rem}.projects-title{font-size:2rem;margin-inline:1rem}.featured-project-container{display:flex;justify-content:center;align-items:center;column-gap:5rem;padding-top:3rem;padding-bottom:3rem;margin-top:3rem;margin-bottom:6rem}.featured-project-container.reverse{flex-direction:row-reverse}.featured-project-title{position:relative;font-size:1.625rem;padding-top:1.25rem;padding-inline:1.5rem;margin-bottom:1rem}.featured-project-title.reverse{text-align:right;font-size:1.5rem}.featured-project-title:before,.featured-project-title:after{content:"";display:block;position:absolute;background-color:transparent;pointer-events:none}.featured-project-title:before{top:0;left:0;right:80%;bottom:60%;border-top:1px solid var(--text-secondary);border-left:1px solid var(--text-secondary);border-radius:3px}.featured-project-title.reverse:before{top:0;left:80%;right:0;bottom:60%;border-left:none;border-top:1px solid var(--text-secondary);border-right:1px solid var(--text-secondary)}.featured-project-links{display:flex;flex-wrap:wrap;max-width:100%;margin-inline:.75rem;margin-bottom:.5rem;padding-bottom:.5rem;padding-left:0}.featured-project-links.reverse{justify-content:flex-end}.featured-project-link{font-size:1.5rem;margin-inline:.125rem;padding-inline:.5rem;color:var(--text-secondary);transition:transform .3s ease}.featured-project-link:hover{color:var(--accent-primary);transform:translateY(-.25rem)}.featured-project-description{font-size:min(1.125rem,3.5vw);line-height:1.625rem;padding-inline:1.5rem;max-width:50ch}.skills-list.projects{margin-left:1.5rem;margin-top:1rem}.skills-list.projects.reverse{justify-content:end}.featured-project-image-wrapper{position:relative;max-width:35rem;height:auto;margin-inline:.5rem}.featured-project-image{width:100%;border-radius:10px;box-shadow:1rem 1rem var(--bg-secondary);transition:.3s ease}.featured-project-image-wrapper:hover .featured-project-image{transform:translate(-.5rem,-.5rem);box-shadow:2rem 2rem var(--bg-secondary)}.other-projects-section-title{display:flex;align-items:center;max-width:1000px;margin-inline:auto;margin-bottom:3rem;padding-top:5rem}.other-projects-title{font-size:2rem;margin-inline:1rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(11rem,auto);grid-gap:1rem}.other-project-container{background-color:var(--bg-secondary);padding:1rem;border-radius:10px;display:flex;justify-content:space-between;transition:transform .05s;box-shadow:5px 5px 10px var(--bg-primary)}.other-project-container.large{flex-direction:column;justify-content:flex-start}.large{grid-row:span 2}.card-left{width:65%;margin-left:.5rem}.card-left.large{width:100%;height:35%;margin-inline:.5rem}.card-right{width:35%;display:flex;justify-content:center;align-items:center}.card-right.large{width:100%;height:65%;align-items:flex-end;margin-bottom:.5rem}.card-header{display:flex;align-items:center;margin-top:1rem;margin-bottom:1rem}.project-title{font-size:1.25rem;color:var(--text-primary);margin:0 .5rem 0 0}.project-link,.project-deployment-link{font-size:1.25rem;margin-inline:.125rem;padding-inline:.25rem;color:var(--text-secondary);transition:transform .3s ease}.project-link:hover{color:var(--accent-primary);transform:translateY(-.25rem)}.project-description{font-size:1rem;color:var(--text-secondary)}.project-image{width:100px;height:100px;border-radius:100%;object-fit:cover}.project-image.large{border-radius:10px;height:auto;width:90%}@media (max-width: 1000px){.projects-section-title{justify-content:center;margin-bottom:1.5rem}.other-projects-section-title{justify-content:center;padding-top:1rem}.featured-project-container{flex-direction:column-reverse;align-items:center;margin-top:0rem;margin-bottom:3rem;padding-top:1.5rem;padding-bottom:0}.featured-project-container.reverse{flex-direction:column-reverse;align-items:center}.featured-project-title:before,.featured-project-title:after{content:"";display:block;position:absolute;background-color:transparent;pointer-events:none}.featured-project-title:before{top:0;left:0;right:0;bottom:0;border-top:none;border-left:none}.featured-project-title.reverse:before{top:0;left:0;right:0;bottom:0;border-left:none;border-top:none;border-right:none}.featured-project-title.reverse{text-align:left}.featured-project-links.reverse,.skills-list.projects.reverse{justify-content:flex-start}.featured-project-image{box-shadow:.5rem .5rem var(--bg-secondary)}.featured-project-image-wrapper{margin-top:3rem}.featured-project-image-wrapper:hover .featured-project-image{transform:translate(-.25rem,-.25rem);box-shadow:1rem 1rem var(--bg-secondary)}}@media (max-width: 1175px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(12rem,auto);margin-inline:0}}@media (max-width: 768px){.grid{grid-template-columns:repeat(1,1fr)}.overlay{opacity:0}.project-image.large{height:auto;width:70%}.other-project-container.large{row-gap:2rem}}@media (max-width: 550px){.project-image.large{height:auto;width:80%}}@media (max-width: 425px){.other-project-container{flex-direction:column;row-gap:1rem}.card-left,.card-right{width:100%}.other-project-container.large{row-gap:0}.project-image.large{height:auto;width:90%}}.contact-section-title{display:flex;justify-content:center;align-items:center;max-width:1000px;margin-inline:auto;padding-top:5rem}.contact-title{font-size:2rem;margin-inline:1rem}.contact-list{list-style:none;display:flex;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:8rem;padding-inline:0px;margin:0}.contact-link{margin-inline:2rem;font-size:3rem;color:var(--text-primary);transition:all .3s ease}.contact-link:hover{color:var(--accent-primary);transform:translateY(-.25rem)}.contact-description-container{display:flex;justify-content:center;align-items:center;padding:2rem 0}.contact-description{font-size:1.125rem;max-width:50ch;text-align:center;color:var(--text-secondary)}:root{--bg-primary: #fdf9f3;--bg-secondary: #f7f1e8;--bg-tertiary: #efe5d8;--accent-primary: #FF7A59;--accent-secondary: #FFAC96;--text-primary: #3a1f14;--text-secondary: #7c6f67;font-family:Inter,sans-serif;color:var(--text-primary)}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_slnt-wght-DpfvMrzB.woff) format("woff");font-weight:400;font-style:normal}body{background-color:var(--bg-primary);margin:0}.link{position:relative;color:var(--accent-primary);text-decoration:none;transition:all .5s ease}.link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-primary);transform:scaleX(0);transition:transform .3s ease}.link:hover:before{transform:scaleX(1)}.container{max-width:1000px;min-width:80vw;margin-inline:auto;padding-inline:2rem;padding-bottom:3rem}.not-yet-viewed,.not-viewed{opacity:0;transform:translateY(40px);filter:blur(5px);transition:all .5s ease-in-out}.viewed{opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.not-viewed:nth-child(2){transition-delay:.2s}.not-viewed:nth-child(3){transition-delay:.4s}.not-viewed:nth-child(4){transition-delay:.6s}.not-viewed:nth-child(5){transition-delay:.8s}@media (prefers-reduced-motion){.not-yet-viewed{opacity:1;transition:none}}.skip-link{position:absolute;top:-40px;left:0;background:var(--bg-primary);color:var(--text-primary);padding:8px;z-index:1000;transition:top .3s}.skip-link:focus{top:0}