body,html{width:100vw;height:100vh;overflow:hidden;padding:0;margin:0;background:var(--colorBackground);font-family:IBM Plex Sans Condensed,sans-serif;font-weight:400;color:var(--colorTint);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{--colorBackground:unset;--colorTint:unset;--colorSecondary:unset;--colorComplementary:unset;--colorHighlight:unset;--colorOutlineBackground:unset;--sizeFont:14px}html[data-theme=light]{--colorBackground:#fff;--colorTint:#1bb6fe;--colorSecondary:#2e4057;--colorComplementary:#ff8ac4;--colorHighlight:#336d7a}html[data-theme=dark],html[data-theme=light]{--colorOutlineBackground:var(--colorBackground)}html[data-theme=dark]{--colorBackground:#171717;--colorTint:#e8e8e8;--colorSecondary:#ebc64c;--colorComplementary:#46beae;--colorHighlight:#ebc64c}.app{width:100vw;background-color:var(--colorBackground);color:var(--colorTint);font-size:var(--sizeFont);height:100vh;overflow-y:scroll;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;transition:background-color .5s ease,color .5s ease}.intro{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 10px;grid-template-rows:1fr 1fr 100px 2fr;gap:0 0;grid-template-areas:". . . menu menu ." ". title title title . ." ". . . . . ." ". . description description description ."}.intro>.sectionTitle{grid-area:title;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.intro>.description{grid-area:description;line-height:1.5;margin:0 0 0 4rem;white-space:pre-wrap;align-self:flex-start;font-size:2.3rem;padding:0;color:var(--colorTint)}.intro>.description,.intro>.header{font-weight:700;text-transform:uppercase;text-align:right}.intro>.header{grid-area:menu;cursor:pointer;font-size:1.5rem;margin-left:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1;font-size:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.intro>.header>.item{font-weight:700;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.intro>.header>.item:hover{text-shadow:none;color:var(--colorComplementary)}.intro>.header>.name{-ms-flex-align:center;align-items:center;font-weight:700;color:var(--colorSecondary);font-size:3rem;-ms-flex-pack:center;justify-content:center;text-transform:uppercase}.intro>.header>button{all:unset;display:block;text-align:right;margin:0;padding:0;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.intro>.header>button:hover{text-shadow:none;color:var(--colorComplementary)}.modal>.modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99;overflow:hidden;animation:fadeOut .2s ease forwards;animation-delay:10s;background-color:rgba(27,27,27,.6)}.modal>.modal-overlay>.modal-content{position:absolute;left:50%;animation:slideDown 1s forwards;max-height:98vh;width:auto;height:auto;background:var(--colorBackground);color:var(--colorTint);overflow:hidden;border-radius:4px;outline:none;z-index:100}.modal>.modal-overlay>.modal-content>.modal-body{overflow:auto}.modal>.modal-overlay>.modal-content>.close{all:unset;position:absolute;right:.5rem;top:-.5rem;width:3rem;height:3rem;font-size:3rem;z-index:2;text-align:center;cursor:pointer}.modal>.modal-overlay>.modal-content>.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding:10px;min-height:60px}.modal.show{width:100vw;height:100vh}.modal.show>.modal-overlay{animation-timing-function:ease;animation-duration:.2s;animation-delay:.5s;animation-name:fadeIn;animation-fill-mode:forwards}.modal.show>.modal-overlay>.modal-content{animation-name:slideUp;animation-timing-function:ease;animation-duration:.5s;animation-fill-mode:forwards}@keyframes slideUp{0%{opacity:0;top:100%;transform:translate(-50%)}10%{opacity:1;top:100%;transform:translate(-50%)}to{opacity:1;top:50%;transform:translate(-50%,-50%)}}@keyframes slideDown{0%{top:50%;opacity:1;transform:translate(-50%,-50%)}60%{top:100%;opacity:1;transform:translate(-50%)}to{opacity:0;top:100%;transform:translate(-50%)}}@keyframes fadeIn{0%{background-color:transparent}to{background-color:rgba(27,27,27,.6)}}@keyframes fadeOut{0%{background-color:rgba(27,27,27,.6)}to{background-color:transparent}}.themeModal.s32{height:calc(min(400px, 80vh));display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,auto);gap:0 50px;grid-template-areas:"label" "light" "dark" "os";text-align:center;font-weight:700;text-transform:uppercase;font-size:3rem}.themeModal.s32>.h1{grid-area:label}.themeModal.s32>button{all:unset;width:500px;cursor:pointer;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary);font-weight:700}.themeModal.s32>button.--active-true{background-color:var(--colorSecondary)}.themeModal.s32>button.--active-false:hover{background-color:rgba(25,25,25,.2);text-shadow:none;color:var(--colorSecondary)}.themeModal.s32>button:disabled{pointer-events:none}.themeModal.s32>button.light{grid-area:light}.themeModal.s32>button.dark{grid-area:dark}.themeModal.s32>button.os{grid-area:os}.arrow{display:inline-block;width:70px;height:15px;position:relative;color:var(--colorSecondary)}.arrow>svg{position:absolute;width:60px;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.h1{color:var(--colorTint);cursor:pointer;font-size:1.5rem;letter-spacing:3px;text-transform:uppercase;position:relative;font-size:3rem}.h1.--active-true{cursor:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.h1>.arrow{color:var(--colorSecondary)}.h1:hover{text-shadow:none}.h1:hover>.arrow>svg{animation:fromRightToLeft .5s ease infinite alternate}.menuContainer.r5d{overflow:hidden;position:absolute;top:100%;right:0;z-index:2;transition:height .5s ease}.menuContainer.r5d.--open-true{height:150px}.menuContainer.r5d.--open-false{height:0}.menuContainer.r5d>.menu{background-color:var(--colorBackground);font-size:1.4rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:2.4rem}.menuContainer.r5d>.menu>button{all:unset;margin-left:auto;padding-left:2rem;text-align:right;white-space:nowrap;color:var(--colorSecondary)}.menuContainer.r5d>.menu>button.copied{color:var(--colorComplementary)}.menuContainer.r5d>.menu>button:hover{color:var(--colorComplementary);text-shadow:none}.menuContainer.r5d>.menu>a{text-decoration:none;color:var(--colorSecondary);margin-left:auto;padding-left:2rem;text-align:right;white-space:nowrap}.menuContainer.r5d>.menu>a:hover{text-decoration:underline;color:var(--colorComplementary)}.appPages.K8h{scroll-snap-stop:always;scroll-snap-align:start;-ms-flex-align:center;align-items:center;background:var(--colorBackground);color:#fff;font-size:calc(10px + 2vmin);-ms-flex-pack:center;justify-content:center;padding:0 2rem;position:relative;-ms-transform:all .2s ease;transform:all .2s ease;width:100vw;height:100vh;border:1px solid #313131}.sectionTitle{-ms-flex-item-align:center;align-self:center;font-size:9rem;font-weight:700;pointer-events:none;text-transform:uppercase;white-space:pre-wrap;width:100%}.sectionTitle.--rightAlign-true{text-align:right}.workExperience.y5x{padding-top:50px;padding-bottom:10px;display:grid;grid-template-columns:10px 1fr 1fr 1fr 1fr 100px;grid-template-rows:1fr 1fr 1fr;gap:0 0;scroll-snap-stop:always;grid-template-areas:". . title title title ." ". roles roles positions positions ." ". roles roles positions positions ."}.workExperience.y5x>.sectionTitle{grid-area:title;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.workExperience.y5x>.jobRoles{grid-area:roles;align-self:flex-start}.workExperience.y5x>.jobRoles .h1{font-size:3rem}.workExperience.y5x>.jobRoles .h1.--outlined-true.--active-true{color:var(-colorTint)}.workExperience.y5x>.jobRoles .h1.--outlined-true.--active-false{color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.workExperience.y5x>.jobRoles .h1.--outlined-true.--active-false:hover{text-shadow:none;color:var(--colorSecondary)}.workExperience.y5x>.jobPositions{grid-area:positions;align-self:flex-start}.workExperience.y5x>.jobPositions>.h1{font-size:3rem}.workExperience.y5x>.jobPositions>.h1:hover{color:var(--colorComplementary)}.educations.l3o{display:grid;grid-template-columns:10px 1fr 1fr 1fr 80px;grid-template-rows:1fr 2fr;gap:0 0;grid-template-areas:". title title title  ." ". educationWrapper1 . educationWrapper2 ."}.educations.l3o .education{-ms-flex-item-align:start;align-self:flex-start}.educations.l3o .education.--id-1{grid-area:educationWrapper1}.educations.l3o .education.--id-2{grid-area:educationWrapper2}.educations.l3o .sectionTitle{grid-area:title;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}@keyframes fromRightToLeft{0%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}.education{font-size:1.5rem;margin-bottom:2rem;min-width:30%;position:relative;border-left:5px solid var(--colorHighlight);padding-left:50px;padding-right:10px}.educationYear{color:var(--colorTint);font-weight:700}.educationTitle{color:var(--colorComplementary);font-size:1rem;text-transform:uppercase;white-space:pre-wrap;font-size:2.5rem;font-weight:700}.educationName{cursor:pointer;position:relative}.educationName>a{color:var(--colorTint);font-size:1.2rem;position:relative;font-size:2.5rem;text-decoration:none}.educationName:hover>a{text-decoration:underline;color:var(--colorSecondary)}.educationName:hover>.arrow{animation:fromRightToLeft .5s ease infinite alternate}.skills.kd0{display:grid;grid-template-columns:80px 1fr 1fr 100px 1fr 1fr 80px;grid-template-rows:1fr 2fr;gap:0 0;-ms-flex-align:start;align-items:flex-start;grid-template-areas:". title title title title title ." ". skillCategory skillCategory . skillsList0 skillsList1 ."}.skills.kd0>.sectionTitle{grid-area:title;color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.skills.kd0>.sectionTitle:hover{text-shadow:none;color:var(--colorSecondary)}.skills.kd0>.skillCategory{grid-area:skillCategory}.skills.kd0>.skillCategory>div>.h1.--active-false{color:var(--colorOutlineBackground);text-shadow:-1px 0 var(--colorSecondary),0 1px var(--colorSecondary),1px 0 var(--colorSecondary),0 -1px var(--colorSecondary)}.skills.kd0>.skillCategory>div>.h1.--active-false:hover{text-shadow:none;color:var(--colorSecondary)}.skills.kd0>.skillCategory>div>.h1.--active-true{color:var(--colorTint)}.skills.kd0>.skillsList{margin-bottom:.5rem;min-width:50%;transition:height 1s ease}.skills.kd0>.skillsList.--level-0{grid-area:skillsList0}.skills.kd0>.skillsList.--level-1{grid-area:skillsList1}.skills.kd0>.skillsList.collapse{max-height:0;overflow:hidden}.skills.kd0>.skillsList>.label{font-size:1.2rem;font-weight:400;position:relative;text-transform:uppercase;color:var(--colorComplementary);font-weight:700;font-size:2.5rem}.skills.kd0>.skillsList>.skill{color:var(--colorTint);display:block;font-size:1rem;font-weight:400;margin:10px 0;overflow:hidden;position:relative;text-transform:none;font-size:2.3rem;padding-left:30px}.skills.kd0>.skillsList>.skill:before{background-color:var(--colorSecondary);content:" ";height:80%;left:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px}