.App{font-family:InterDisplay,sans-serif;background:url(/background.webp) center;background-size:cover;color:var(--color-lighter);padding:1rem;min-height:100dvh;display:flex;flex-direction:column;row-gap:1rem}@media print{.App{background:white;padding:0 .5rem}}.App__Home__HeaderContainer{height:50vh;display:flex;align-items:center;justify-content:center}.App__Home__HeaderContainer__Header{display:flex;flex-direction:column;align-items:center;row-gap:1rem}.App__Home__HeaderContainer__Header__Name{font-size:2rem}.App__Home__HeaderContainer__Header__JobTitle{font-size:3rem;text-transform:uppercase}.App__Home__HeaderContainer__Header__ExternalLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.App__Home__HeaderContainer__Header__ExternalLinks__Resume,.App__Home__HeaderContainer__Header__ExternalLinks__ExternalLink{padding:.5rem;background:var(--background-darker)}.App__Home__HeaderContainer__Header__ExternalLinks__Resume{display:flex;align-items:center;column-gap:.5rem}.App__Home__HeaderContainer__Header__ExternalLinks__Resume__Icon{font-size:2rem}.App__Home__HeaderContainer__Header__ExternalLinks__Resume__Name{font-size:1.5rem}.App__Home__HeaderContainer__Header__ExternalLinks__ExternalLink{position:relative;display:block}.App__Home__HeaderContainer__Header__ExternalLinks__ExternalLink__Thumbnail{width:2rem;height:2rem}.App__Home__HeaderContainer__Header__ExternalLinks__ExternalLink__Icon{position:absolute;bottom:0;right:0;background:rgba(0,0,0,.5);border-radius:50%;padding:.25rem;font-size:1rem;transform:translate(50%,50%)}@media screen and (max-width: 500px){.App__Home__HeaderContainer__Header__Name{font-size:1.5rem}.App__Home__HeaderContainer__Header__JobTitle{font-size:2rem}}.grid{display:grid;grid-template-columns:repeat(var(--column-count),1fr);grid-gap:1rem}@media screen and (min-width: 830px){.grid{--column-count: var(--max-column-count, 5)}}@media screen and (max-width: 830px){.grid{--column-count: 4}}@media screen and (max-width: 670px){.grid{--column-count: 3}}@media screen and (max-width: 510px){.grid{--column-count: 2}}@media screen and (max-width: 350px){.grid{--column-count: 1}}.gridItem{background:var(--background-darker);display:grid}.gridItem--square{aspect-ratio:1}.gridItem__Thumbnail,.gridItem__Details{grid-row:1 / 2;grid-column:1 / 2}.gridItem__Thumbnail{width:100%}.gridItem__Details{padding:1rem;display:grid;grid-template-rows:1fr 1fr;justify-items:flex-start;gap:.5rem}.gridItem__Details--has-cover-thumbnail .gridItem__Details{grid-template-columns:2fr 1fr}.gridItem--square .gridItem__Details{grid-template-rows:auto 1fr}.gridItem--has-cover-thumbnail .gridItem__Details{backdrop-filter:blur(5px);transition:opacity .25s;opacity:0}.gridItem--has-cover-thumbnail:hover .gridItem__Details{opacity:1}.gridItem__Details__Badge{grid-area:1 / 1 / 2 / 2;background-color:var(--color-dark);border-radius:2rem;padding:.25rem .5rem;font-size:.9rem;display:flex;align-items:center;column-gap:.25rem}.gridItem__Details__Name{grid-area:2 / 1 / 3 / 2}.gridItem--has-light-thumbnail .gridItem__Details__Badge{background-color:var(--color-darker)}.gridItem--has-light-thumbnail .gridItem__Details__Name{color:var(--color-darker)}.gridItem__Details__Thumbnail{grid-area:1 / 2 / 3 / 3;width:100%;height:100%;max-height:5rem;object-fit:contain}.App__Home__Main,.App__Home__Main__Section{display:flex;flex-direction:column;row-gap:1rem}.App__Home__Main__Section__Heading{height:3.5rem;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.App__Home__Main__Section__Heading__Filter,.App__Home__Main__Section__Heading__Filter__Item{border-radius:2rem;padding:.5rem}.App__Home__Main__Section__Heading__Filter{background-color:var(--color-darker);display:flex}.App__Home__Main__Section__Heading__Filter__ItemInput:checked+.App__Home__Main__Section__Heading__Filter__Item{background-color:var(--color-dark)}.App__Home__Main__Section__Heading__Filter__ItemInput{display:none}.App__Home__Main__Section__Grid--skills{--max-column-count: 6}.App__Home__Main__Section__Grid--experienceAndEducation{--max-column-count: 4}@media screen and (max-width: 430px){.App__Home__Main__Section__Heading__Filter,.App__Home__Main__Section__Heading__Filter__Item{padding:.25rem}.App__Home__Main__Section__Heading__Filter{font-size:.75rem}}.App__Home{display:flex;flex-direction:column;row-gap:1rem}.App__Resume .section-heading{font-size:1.25rem}.App__Resume{font-family:sans-serif;display:grid;grid-template-columns:1fr 3fr;grid-template-rows:minmax(0,auto);grid-gap:1rem}.App__Resume__Name,.App__Resume__Contact{grid-column:1 / 2}.App__Resume__Name{font-size:2rem}.App__Resume__Intro{grid-column:2 / 3;grid-row:1 / 3}.App__Resume__Intro__Heading,.App__Resume__Intro__Main{display:inline}.App__Resume__Intro__Heading{font-size:1.5rem}.App__Resume__Skills{grid-row:3 / 8}.App__Resume__Skills__Category{padding:.5rem 0;font-weight:700}.App__Resume__Skills__List{display:flex;flex-wrap:wrap;gap:.5rem}.App__Resume__Skills__List__Skill{border-bottom:2px solid var(--color-lighter)}.App__Resume__WorkExperience__List__Experience,.App__Resume__Education__List__Course,.App__Resume__VolunteerExperience__List__Experience{padding:.5rem 0;display:grid;grid-template-columns:12.5rem auto 4rem;gap:.5rem}.App__Resume__WorkExperience__List__Experience{grid-template-areas:"date        title       location" "date        org         location"}.App__Resume__WorkExperience__List__Experience--has-description{grid-template-areas:"date        title       location" "date        org         location" "description description description"}.App__Resume__Education__List__Course{grid-template-areas:"date        title       location" "date        org         location"}.App__Resume__VolunteerExperience__List__Experience{grid-template-areas:"date        title       location"}.App__Resume__VolunteerExperience__List__Experience--has-description{grid-template-areas:"date        title       location" "description description description"}.App__Resume__WorkExperience__List__Experience__Date,.App__Resume__WorkExperience__List__Experience__Location,.App__Resume__Education__List__Course__Date,.App__Resume__Education__List__Course__Location,.App__Resume__VolunteerExperience__List__Experience__Date,.App__Resume__VolunteerExperience__List__Experience__Location{align-self:center}.App__Resume__WorkExperience__List__Experience__Date,.App__Resume__Education__List__Course__Date,.App__Resume__VolunteerExperience__List__Experience__Date{grid-area:date;text-align:center}.App__Resume__WorkExperience__List__Experience__Title,.App__Resume__Education__List__Course__Title,.App__Resume__VolunteerExperience__List__Experience__Title{grid-area:title;font-weight:700}.App__Resume__WorkExperience__List__Experience__Location,.App__Resume__Education__List__Course__Location,.App__Resume__VolunteerExperience__List__Experience__Location{grid-area:location}.App__Resume__WorkExperience__List__Experience__Org,.App__Resume__Education__List__Course__Org{grid-area:org}.App__Resume__WorkExperience__List__Experience__Description,.App__Resume__VolunteerExperience__List__Experience__Description{grid-area:description;text-align:center}.App__Resume__Git{text-align:center}.App__Resume__Hobbies__List{padding-top:.5rem;display:flex;column-gap:1rem}.App__Resume__Hobbies__List__Hobby__Title{font-weight:700}.App__Resume__Hobbies__List__Hobby__ChildList,.App__Resume__Hobbies__List__ExtraList{display:flex;flex-direction:column;row-gap:.5rem}.App__Resume__Hobbies__List__Hobby__ChildList{padding-top:.5rem}.header{font-size:2rem;display:flex;align-items:center;column-gap:.5rem}.article{max-width:1024px;align-self:center;line-height:1.5rem;display:flex;flex-direction:column;row-gap:.5rem}.article ul:not([class]){list-style-type:"-";padding-left:1rem}.article ul:not([class]) li{padding-left:.5rem}.pics{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.pics__picContainer{width:25rem;max-width:100dvw;text-align:center}.pics__picContainer__pic{width:100%;height:12rem;object-fit:contain;background:var(--background-dark)}.pics__picContainer__description{font-size:.9rem}.article__footnotes{border-top:1px solid var(--color-lighter);padding-top:.5rem;display:flex;flex-direction:column;row-gap:.5rem}.App__Project{flex:1;display:flex;flex-direction:column;row-gap:1rem}.App__Project__Subtitle{font-size:1.5rem}.App__Project__Org{width:10rem}.App__Project__Skills{--max-column-count: 6}.App__Skill,.App__Org{flex:1;display:flex;flex-direction:column;row-gap:1rem}.App__Org__Subtitle{font-size:1.5rem}.App__Education{flex:1;display:flex;align-items:center;justify-content:center}.App__Footer{text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:1rem}.App__Footer__Language{font-size:1.5rem;display:flex;column-gap:.5rem}@media print{.App__Footer__Language{display:none}}