body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{align-items:center;background-color:var(--fixed-primary-color);display:flex;justify-content:space-between;margin:auto;padding:2em;position:-webkit-sticky;position:sticky;top:0;z-index:1}.name-container{text-decoration:none}.name-container .title-name{color:var(--fixed-secondary-color);font-size:1.5rem}.name-container .name-tag{color:var(--fixed-secondary-color);font-size:1.125rem;font-weight:100}.option-container{align-items:center;display:flex;gap:.5rem;position:relative;z-index:3}.theme-mode *{color:#f6f6f6}.menu-btn{--button-color:#f6f6f6;align-items:center;background:none;border:none;border-radius:8px;display:flex;font-size:.8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:38px;transition:all .5s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.menu-btn.undefined :is(.top,.bottom){animation:none}.menu-btn.closed :is(.top,.bottom){animation:to-open-icon .7s forwards}.menu-btn.opened :is(.top,.bottom){animation:to-close-icon .7s forwards}.menu-btn .hamburger{transition:rotate .5s .1s}.menu-btn .hamburger:hover{transform:scale(1.02)}.menu-btn.opened .hamburger{rotate:1turn}.menu-btn .line.top{--rotation:-45deg;transform-origin:75px 29px}.menu-btn .line.middle{transition:1s}.menu-btn[aria-expanded=true] .line.middle{opacity:0}.menu-btn .line.bottom{--rotation:45deg;transform-origin:75px 53px}.sidebar{align-items:center;background-color:var(--primary-background-color);display:flex;height:100vh;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease-in-out;z-index:2}.sidebar .nav-link-container{display:flex;flex-direction:column;height:50vh;justify-content:space-around;margin:0 4rem}@supports((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))){.sidebar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--primary-background-color-trans)}}.sidebar .menu-link{display:block;font-size:1.4rem;opacity:0;position:relative;text-decoration:none;transition:all .9s ease-in-out}.sidebar .menu-link:active,.sidebar .menu-link:visited{color:var(--primary-color);text-decoration:none}.sidebar .menu-link:after{background-color:var(--primary-color);bottom:0;content:"";height:.15em;left:0;position:absolute;text-decoration:none;transform:scale(0);transform-origin:center;transition:opacity .3s,transform .3s;width:100%}.sidebar .menu-link:focus:after,.sidebar .menu-link:hover:after{transform:scale(1)}.close-btn{transition:opacity .9s ease}.menu-btn[aria-expanded=false] .close-btn{opacity:0}.menu-btn[aria-expanded=true]{--button-color:var(--primary-color)}.menu-btn[aria-expanded=true] .close-btn{opacity:1}.sidebar[aria-expanded=true]{opacity:1;translate:0}.sidebar[aria-expanded=true] .menu-link{opacity:1;translate:-30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sidebar[aria-expanded=false]{translate:100%}.sidebar[aria-expanded=false] .menu-link{visibility:hidden}.sidebar[aria-expanded=false] .menu-link:first-child{translate:15px}.sidebar[aria-expanded=false] .menu-link:nth-child(2){translate:30px}.sidebar[aria-expanded=false] .menu-link:nth-child(3){translate:45px}.sidebar[aria-expanded=false] .menu-link:nth-child(4){translate:60px}.sidebar[aria-expanded=false] .menu-link:nth-child(5){translate:75px}@keyframes to-close-icon{0%{stroke-dashoffset:0}40%{stroke-dashoffset:79.9}60%{stroke-dashoffset:79.9;rotate:var(--rotation)}to{stroke-dashoffset:0;rotate:var(--rotation)}}@keyframes to-open-icon{0%{stroke-dashoffset:0;rotate:var(--rotation)}40%{stroke-dashoffset:79.9;rotate:var(--rotation)}60%{stroke-dashoffset:79.9}to{stroke-dashoffset:0}}@media(max-width:1512px){.sidebar{height:100vh;position:fixed;right:0}}@media(min-width:1513px){.sidebar{position:absolute}}@media(max-width:810px){header{padding:1em}}@media(min-width:650px){.name-container{display:flex}.name-container .name-tag{font-size:1.5rem}}@media(max-width:374px){.name-container h1{font-size:1.4rem}}@media(max-width:365px){.name-container .title-name{font-size:1.25rem}.name-container .name-tag{font-size:.95rem}}.about-container{align-items:center;display:flex;gap:1em;justify-content:space-between;margin:auto;max-width:1512px;min-height:calc(100vh - var(--header-height) - 32px);padding:2em 2em 0}.about-container .about-content{transform:translateY(-32px)}.about-container h2{font-size:3.75rem;margin-bottom:.5em}.about-container p{font-size:1.3rem;max-width:920px}.profile-img-container{height:auto;max-height:600px;max-width:520px;min-width:375px;width:100%}.profile-img{filter:grayscale(1);height:600px;object-fit:cover}@media(max-width:1000px){.about-container h2{font-size:2.75rem}.about-container p{font-size:1.1rem}.about-container article{margin:2em}}@media(max-height:420px)and (max-width:810px),(max-width:810px){.about-container{flex-direction:column;justify-content:center;margin-top:1.5rem;padding:0}.about-content{padding:1em}.profile-img-container{max-width:inherit;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%}}@media(max-height:420px)and (min-width:374px){.profile-img{height:10%;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}}@media(max-width:374px){.about-container h2{font-size:2rem}}.portfolio-box{margin:auto;max-width:1512px;min-height:100vh;padding:2em}.portfolio-box .sub-title-project{font-size:2rem;opacity:0}.portfolio-container{grid-gap:1.15em;display:grid;grid-template-columns:repeat(auto-fit,minmax(302px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(302px,max-content));justify-content:center;margin:2em 0}@media(max-width:480px){.portfolio-container{grid-template-columns:repeat(auto-fit,minmax(230px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(230px,max-content))}}@media(max-height:400px),(max-width:554px){.portfolio-container{grid-template-columns:repeat(auto-fill,1fr)}.portfolio-box{min-height:100vh;padding:2em 0 0}.portfolio-box .sub-title-project{padding:0 .5em}}@media(orientation:landscape){.portfolio-box{padding:0 2em}.portfolio-box .sub-title-project{padding:0}}@media(orientation:landscape)and (max-height:420px){.portfolio-container{grid-template-columns:auto}}.project-container{background-color:var(--secondary-color);box-shadow:0 2px 10px 0 #00000026;display:flex;flex-direction:column;justify-content:space-between;max-width:463px;opacity:0;overflow:hidden;text-decoration:none}.project-container:focus-within .project-photo,.project-container:hover .project-photo{filter:grayscale(0);scale:1.01}.project-photo{filter:grayscale(1);object-fit:cover;object-position:center;transition:.3s linear;width:100%}.link-container:focus .project-container .project-photo{filter:grayscale(0);scale:1.01}.info-box{display:grid;flex-grow:1;grid-template-rows:-webkit-max-content auto;grid-template-rows:max-content auto;padding:1.1em}.info-box .project-name{font-size:1.3rem}.link-container{background-color:var(--primary-background-color);border-radius:4px;display:flex;margin:1.25em 0;padding:.3em .6em;text-decoration:none;transform:translateX(0);transition:all .15s ease-in-out;width:auto}.link-container .arrow{margin-left:.5em;position:absolute;right:10px;transition:transform .15s ease-in-out}.link-container:visited{color:var(--primary-color)}.link-container:focus,.link-container:hover{background-color:var(--hover-background-color)}.link-container:focus .arrow,.link-container:hover .arrow{transform:translateX(10px)}.navigation-container{align-self:flex-end;margin-top:.5em;max-width:100%}@media(max-width:554px){.project-container{box-shadow:none;max-width:none;opacity:0}.project-photo{filter:grayscale(1);object-fit:cover;transition:.3s linear;width:100%}}@media(orientation:landscape)and (max-height:420px){.project-container{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-width:100%}.project-photo{max-height:80vh}}@media(pointer:fine){.is-touch{display:none}}.contact-container{flex-grow:1;justify-content:center;transform:translateY(-64px)}.contact-box,.contact-container{display:flex;flex-direction:column;margin:auto}.contact-box{justify-content:flex-start;max-width:1512px;min-height:calc(100vh - var(--header-height) - 96px);padding:2em 2em 0;width:100%}.icon-container{display:flex;gap:3em;margin:1em 0}.contact-link{fill:var(--primary-color);transition:fill .3s ease-in-out,transform .3s ease-in-out}.contact-link:hover{fill:var(--hover-background-color-secondary);cursor:pointer;transform:scale(1.02)}.sub-title-contact{font-size:2rem}@media(max-width:1512px){.contact-box{padding:0}.sub-title-contact{margin-left:1em}}@media(max-height:440px){.contact-container{transform:translateY(0)}}:root{--fixed-primary-color:#2a2e28;--fixed-secondary-color:#f6f6f6;--header-height:36px;--fixed-primary-background-color:#dfe0df;--main-bg-dark:#3a3f37;--main-bg-light:#f0f1f1;--secondary-bg-dark:#2a2e28;--secondary-bg-light:#e1e1e1}[data-theme=light]{--primary-color:#2a2e28;--secondary-color:#f6f6f6;--primary-background-color-trans:#dfe0df80;--primary-background-color:#dfe0df;--fallback-background-color:#f0f1f1;--hover-background-color:#d1d1d1;--hover-background-color-secondary:#484c46}[data-theme=dark]{--primary-color:#f6f6f6;--secondary-color:#2a2e28;--primary-background-color-trans:#2a2e2880;--primary-background-color:#3e433b;--fallback-background-color:#2a2e28;--hover-background-color:#343b32;--hover-background-color-secondary:#d1d1d1}*,:after,:before,input,textarea{box-sizing:border-box}*{color:var(--primary-color);font-family:Helvetica,Arial,sans-serif;margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}body,html{overflow-x:clip}.App{position:relative}.background-img:after{animation:slideDown 1s ease-in-out;content:"";display:block}main{width:100%}button,input,select,textarea{font:inherit}canvas,img,picture,svg,video{display:block;max-width:100%}button:hover{cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.anchor{display:block;position:relative;top:-132px}.animate-fade-in{animation:fadeIn 1.5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.form-box{display:flex;flex-direction:column;justify-content:flex-start;margin:auto;max-width:1512px;min-height:calc(100vh - var(--header-height) - 66px);padding:2em 2em 0;position:relative;width:100%}.sub-title-form{font-size:2rem}.form-item{display:flex;flex-direction:column}.form-label{font-size:1.1rem;font-weight:600;padding:10px 0}.form-input{-webkit-appearance:none;background:#f9f9f9;border:2px solid #ddd;border-radius:4px;color:#000;font-size:1rem;max-width:425px;outline:none;padding:.4em .8em;transition:background .25s,border-color .25s,color .25s;width:100%}.form-input:focus{background:#fff;border-color:#1b5ac7;border-width:2px}.form-input::placeholder{color:#a2a2a2}.form-input:invalid[data-focused=true]{background:#fff8f8;border-color:#d50000;color:#d50000}.form-input:invalid[data-focused=true]::placeholder{color:#fe8686}.form-input+.form-error{color:#d50000;font-size:.9rem;padding:.4rem 0;visibility:hidden}.form-input:invalid[data-focused=true]+.form-error{visibility:visible}textarea.form-input{min-height:200px}.form-button{background-color:var(--secondary-color);border:2px solid var(--hover-background-color);border-radius:4px;color:var(--primary-color);margin:.65em 0 1.1em;padding:.3em .6em}.form-button:hover{background-color:var(--hover-background-color)}@media(max-width:810px){.form-box{padding:2em 1em 0}}
/*# sourceMappingURL=main.53b2e963.css.map*/