.introduction{grid-template-rows:auto 1fr;row-gap:2em;height:calc(100vh - 5em);min-height:0;margin:2.5em;display:grid;overflow:hidden}.introduction>h2{font-size:2rem;font-weight:700}.introduction span,.introduction strong{color:#e1ca99}.introduction h3{margin-bottom:12px;font-size:1.5rem;font-weight:700}.introduction h3>span{color:#e1ca99}.introduction .container{-ms-overflow-style:none;scrollbar-width:none;min-height:0;display:grid;overflow-y:auto}.journey-container,.motivation-container,.lookingfor-container,.passion-container,.mentions-description{margin:20px 0}.introduction-description,.journey-description,.motivation-description,.lookingfor-description,.passion-description,.mentions-description{opacity:0;text-align:justify;background-color:#0c0c0c;border:2px solid #181818;border-radius:10px;row-gap:1rem;width:100%;height:max-content;padding:40px;transition:transform .45s,opacity .45s;display:grid;transform:translate(40px)}.introduction-description.is-visible,.journey-description.is-visible,.motivation-description.is-visible,.lookingfor-description.is-visible,.passion-description.is-visible,.mentions-description.is-visible{opacity:1;transform:translate(0)}@media (max-width:1130px){.introduction{height:calc(100vh - 4rem);margin:1.5rem}.introduction-description,.journey-description,.motivation-description,.lookingfor-description,.passion-description,.mentions-description{padding:20px}.introduction .container{-webkit-overflow-scrolling:touch;padding-bottom:3rem}}
.project-details-container{grid-template-rows:auto 1fr;gap:1rem;height:calc(100vh - 5em);min-height:0;display:grid}.project-details{align-content:center;min-height:0;overflow-y:auto}.project-details.is-loading{text-align:center}.return{margin:20px 40px 0}.return .icon{cursor:pointer}.project-details span{color:#e1ca99}.details{opacity:0;background-color:#0c0c0c;border:2px solid #181818;border-radius:10px;margin:0 40px 40px;padding:40px;transition:transform .45s,opacity .45s;transform:translate(40px)}.details .icon{align-self:center}.details.is-visible{opacity:1;transform:translate(0)}.project-tag-container{flex-wrap:wrap;justify-content:right;gap:8px;display:flex}.project-tag{align-items:center;width:max-content;display:inline-flex}.project-tag>p{width:max-content}.project-technology-container{gap:8px;display:inline-flex}.project-technology-container>p{width:max-content}.project-technology{gap:4px;display:inline-flex}.project-title-status-container{width:max-content}.project-title-status-container>h3{color:#e1ca99;font-size:2rem;font-weight:700}.project-status{color:#fff;margin-left:8px;font-size:1rem;font-weight:400}.project-company-school-container{gap:8px;display:inline-flex}.project-company-school{gap:4px;display:inline-flex}.project-link-container .company,.project-link-container .school{color:#fff;font-weight:700}.project-skills-container{margin-top:20px}.project-skills-container>h4{color:#e1ca99;font-size:1.5rem;font-weight:700}.project-skill-container{flex-wrap:wrap;display:flex}.project-skill{align-items:center;width:max-content;margin-bottom:20px;margin-right:4px;display:inline-flex}.project-skill span{margin-left:4px}.project-description-container{height:auto;max-height:inherit;-ms-overflow-style:none;scrollbar-width:none;margin-top:20px;overflow-y:auto}.project-description-container::-webkit-scrollbar{display:none}.project-description{text-align:justify}.project-link-container{flex-direction:row;justify-content:right;gap:8px;display:flex}.project-link{gap:4px;display:inline-flex}@media (max-width:1130px){.project-details{align-content:center;height:100%}.return{margin:40px}.project-details-container{height:calc(100vh - 4rem)}.project-details{-webkit-overflow-scrolling:touch;padding-bottom:3rem}}
.card{opacity:0;will-change:opacity,transform;background-color:#080808;border:2px solid #181818;border-radius:10px;flex-direction:column;gap:20px;width:100%;height:max-content;margin-bottom:20px;padding:40px;transition:opacity .45s,transform .45s;display:flex;transform:translate(40px)}.card.is-visible{opacity:1;transform:translate(0)}.card.background-image{background-image:url("/image/Colorized Fox 20percent.svg");background-position:right 5% bottom 50%;background-repeat:no-repeat;background-size:15%}.card.clickable:hover{cursor:pointer;background-color:#212227}.card .technology-container{gap:8px;display:inline-flex}.card .project-list-project-technology-container,.card .resume-experience-technology-container,.card .resume-education-technology-container,.card .resume-project-technology-container,.card .resume-technology-container,.card .resume-experience-company,.card .resume-education-school{gap:8px;width:fit-content;display:inline-flex}.card .project-list-project-technology-icon,.card .resume-header-location,.card .resume-header-work-type,.card .resume-header-contract-type-container,.card .resume-header-expected-country,.card .resume-header-language,.card .resume-experience-technology-icon,.card .resume-education-technology-icon,.card .resume-project-technology-icon,.card .resume-technology-icon{gap:4px;width:100%;display:inline-flex}.card .resume-experience-country-dates,.card .resume-education-country-dates{gap:8px;width:fit-content;display:inline-flex}.card .project-list-project-technology-icon .icon,.card .resume-header-link-content a .icon,.card .resume-experience-technology-icon .icon,.card .resume-education-technology-icon .icon,.card .resume-project-technology-icon .icon,.card .resume-technology-icon .icon{align-self:center}.card .project-list-project-skill-list-container,.card .resume-header.contract-type,.card .resume-experience-skill-list-container,.card .resume-education-skill-list-container,.card .resume-project-skill-list-container,.card .resume-skill-list-container{gap:4px;width:fit-content;margin-top:auto;display:inline-flex}.card .project-list-project-skill-label>span,.card .resume-experience-skill-label>span,.card .resume-education-skill-label>span,.card .resume-project-skill-label>span,.card .resume-skill-label>span{margin-left:4px}.card h5{color:#e1ca99;font-size:1.3rem;font-weight:700}.card .resume-experience-description,.card .resume-education-description,.card .resume-project-description{-ms-overflow-style:none;scrollbar-width:none;text-align:justify;flex:1;align-content:center;width:80%;min-height:min-content;max-height:150px;margin:20px 0;overflow:auto}.card .project-list-project-description{-ms-overflow-style:none;scrollbar-width:none;text-align:justify;flex:1;align-content:center;width:80%;margin:20px 0;overflow:auto}.card .resume-header-location-content,.card .resume-header-link-content,.card .resume-header-link-content a,.card .resume-header-contract-type,.card .resume-header-work-type-container,.card .resume-header-work-type-label,.card .resume-header-expected-content,.card .resume-header-expected-label,.card .resume-header-language-container,.card .resume-header-language-label,.card .resume-experience-country-content,.card .resume-experience-company-dates,.card .resume-education-country-content,.card .resume-education-school-dates{gap:4px;width:fit-content;height:fit-content;display:inline-flex}.card .resume-header-location .icon,.card .resume-header-expected-label .icon,.card .resume-header-language .icon,.card .resume-experience-country-content .icon,.card .resume-education-country-content .icon{border-radius:50%;align-self:center}.card .resume-header-link-container{flex-direction:column;display:flex}.card .project-list-project-content{height:100%}@media (max-width:1130px){.card{padding:20px}.card .resume-experience-company,.card .resume-education-school{flex-direction:column;display:flex}.card .resume-experience-country-dates,.card .resume-education-country-dates{gap:4px;width:fit-content;display:inline-flex}}
.project-list{grid-template-rows:auto 1fr;gap:2em;height:calc(100vh - 5em);min-height:0;margin:2.5em;display:grid;overflow:hidden}.project-list>h2{font-size:2rem;font-weight:700}.project-list-container{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;min-height:0;margin-bottom:40px;display:flex;overflow-y:auto}.project-list-container.is-loading{text-align:center;height:100vh;display:grid}@media (max-width:1130px){.project-list{height:calc(100vh - 4rem);margin:1.5rem}.project-list-container{-webkit-overflow-scrolling:touch;padding-bottom:3rem}}
.resume{grid-template-rows:auto 1fr;row-gap:2em;height:calc(100vh - 5em);min-height:0;margin:2.5em;display:grid;overflow:hidden}.resume>h2{font-size:2rem;font-weight:700}.resume h6{color:#e1ca99;font-size:1.1rem;font-weight:700}.resume span,.resume strong{color:#e1ca99}.resume-container{-ms-overflow-style:none;scrollbar-width:none;min-height:0;display:grid;overflow-y:auto}.resume-container.is-loading{text-align:center;height:100vh;display:grid}.resume-header h3{text-align:center;color:#e1ca99;font-size:1.8rem;font-weight:700}.resume h4{margin-bottom:20px;font-size:1.5rem;font-weight:700}.resume .resume-title{justify-content:space-between;display:inline-flex}.resume .icon.resume-download{cursor:pointer;align-self:center}@media (max-width:1130px){.resume{height:calc(100vh - 4rem);margin:1.5em}.resume-container{-webkit-overflow-scrolling:touch;padding-bottom:3rem}}
.body{color:#fff;background-color:#060606;grid-area:body;overflow:hidden}@media (max-width:1130px){.body .icon.hamburger-menu{margin:40px 0 0 40px}}.body-overlay{z-index:6;background:#00000080;position:fixed;inset:0}