.PortfolioPage{height:100vh;background-color:var(--background);color:var(--background-text);display:flex;flex-direction:column;font-weight:300}.PortfolioPage .PortfolioPage-header{background-color:var(--background-variant);box-shadow:0 2px 5px var(--shadow);color:var(--primary);padding:1rem;z-index:1}.PortfolioPage .PortfolioPage-header a{color:var(--primary)}.PortfolioPage .PortfolioPage-header .PortfolioPage-title{display:flex;font-size:2rem;font-weight:200;margin-bottom:1rem;align-items:center}.PortfolioPage .PortfolioPage-header .PortfolioPage-title .PortfolioPage-name:first-letter{color:var(--secondary);font-weight:400}.PortfolioPage .PortfolioPage-header .PortfolioPage-title>:not(:last-child){margin-right:.5rem}.PortfolioPage .PortfolioPage-header .PortfolioPage-title .PortfolioPage-themeToggle{cursor:pointer;display:flex;font-size:1.5rem}.PortfolioPage .PortfolioPage-header .PortfolioPage-title .PortfolioPage-themeToggle:hover{color:var(--secondary)}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons{display:flex;font-size:2rem;justify-content:space-between;position:relative}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons:after{content:"";background-color:var(--secondary);height:2px;width:100%;position:absolute;opacity:.3;top:1.5rem}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup{display:flex;flex-direction:column;align-items:center;justify-content:center}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup.selected .PortfolioPage-header-icon{background-color:var(--secondary);color:var(--secondary-text)}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup.selected .PortfolioPage-header-iconLabel{color:var(--secondary)}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup:hover:not(.selected) .PortfolioPage-header-icon{background-color:var(--primary-variant)}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup:hover:not(.selected) .PortfolioPage-header-iconLabel{color:var(--primary-variant)}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup .PortfolioPage-header-icon{height:3rem;width:3rem;align-items:center;background-color:var(--primary);border-radius:50%;color:var(--primary-text);display:flex;flex-shrink:0;justify-content:center;margin-bottom:1rem;z-index:1}.PortfolioPage .PortfolioPage-header .PortfolioPage-header-icons .PortfolioPage-header-iconGroup .PortfolioPage-header-iconLabel{font-size:1.25rem}.PortfolioPage .PortfolioPage-content{flex:1 1;overflow:auto;scroll-behavior:smooth}.PortfolioPage .PortfolioPage-content .PortfolioPage-section{align-items:center;display:flex;flex-direction:column;padding:1rem}.PortfolioPage .PortfolioPage-content .PortfolioPage-section>:not(.PortfolioPage-heading){max-width:1000px}.PortfolioPage .PortfolioPage-content .PortfolioPage-section .PortfolioPage-heading{width:100%;align-items:center;color:var(--secondary);display:flex;justify-content:center;font-weight:700;text-align:center;font-size:1.5rem;margin-bottom:2rem;position:relative}.PortfolioPage .PortfolioPage-content .PortfolioPage-section .PortfolioPage-heading .PortfolioPage-heading-text{background:linear-gradient(90deg,transparent,var(--background) 20%,var(--background) 80%,transparent);padding:0 3rem;z-index:1}.PortfolioPage .PortfolioPage-content .PortfolioPage-section .PortfolioPage-heading:after{content:"";height:2px;width:100%;position:absolute;background:linear-gradient(90deg,transparent,var(--primary-variant),transparent)}.LinksSection{width:100%;display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;flex-wrap:wrap}.LinksSection>*{margin:0 auto 1rem}.LinksSection a{color:var(--primary)}.LinksSection a:hover{color:var(--secondary)}.LinksSection .LinksSection-link{height:10rem;width:10rem;align-items:center;background-color:var(--background-variant);border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:1rem;text-align:center}@media (max-width:600px){.LinksSection .LinksSection-link{height:7rem;width:7rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.AboutSection{align-items:center;display:flex;font-size:1.5rem;padding:1rem}.AboutSection .AboutSection-avatar{height:18rem;width:18rem;border:2px solid var(--secondary);border-radius:50%;flex-shrink:0;margin-right:2rem;overflow:hidden;position:relative}.AboutSection .AboutSection-avatar .AboutSection-avatar-image{height:22rem;width:22rem;margin:-1rem -2rem}.AboutSection .AboutSection-avatar .AboutSection-avatar-redirect{height:2rem;width:2rem;top:2.5rem;right:2rem;align-items:center;background-color:var(--secondary);border-radius:50%;color:var(--background);display:flex;justify-content:center;position:absolute}.AboutSection .AboutSection-content>:not(:last-child){position:relative}.AboutSection .AboutSection-content>:not(:last-child):after{content:"";height:2px;width:5rem;left:0;right:0;bottom:-1rem;background-color:var(--secondary);position:absolute;opacity:.3}.AboutSection .AboutSection-content .AboutSection-resume{margin-top:3rem}.AboutSection .AboutSection-content .AboutSection-resume a{background-color:var(--background-variant);border-radius:1rem;font-weight:700;padding:.5rem 1rem}@media (max-width:600px){.AboutSection{flex-direction:column;text-align:center}.AboutSection .AboutSection-avatar{margin-right:0;margin-bottom:2rem}.AboutSection .AboutSection-content>:not(:last-child):after{margin:auto}}.SkillsSection{align-items:flex-start;display:flex;flex-direction:column;padding:1rem}.SkillsSection .SkillsSection-description{margin-bottom:1rem;font-size:1.25rem}.SkillsSection .SkillsSection-list{-webkit-columns:2 150px;columns:150px 2;font-size:1.25rem}.ProjectsSection{display:flex;justify-content:center}.ProjectsSection>:not(:last-child){margin-right:1rem}@media (max-width:600px){.ProjectsSection{flex-wrap:wrap}.ProjectsSection>:not(:last-child){margin-bottom:1rem;margin-right:0}}.ProjectsSection .ProjectsSection-project{background-color:var(--background-variant);padding:2rem;border-radius:1rem}.ProjectsSection .ProjectsSection-project>:not(:last-child){margin-bottom:.5rem}.ProjectsSection .ProjectsSection-project .ProjectsSection-title{color:var(--secondary);font-size:1.5rem;font-weight:700}.ProjectsSection .ProjectsSection-project .ProjectsSection-title .ProjectsSection-links{display:flex;justify-content:space-between;align-items:center}.ProjectsSection .ProjectsSection-project .ProjectsSection-title .ProjectsSection-links .ProjectsSection-linkIcon{height:2.5rem;width:2.5rem;background-color:var(--background);border-radius:50%;padding:.5rem;margin-left:.5rem}.ProjectsSection .ProjectsSection-project .ProjectsSection-features{-webkit-columns:2 10rem;columns:10rem 2}.ProjectsSection .ProjectsSection-project .ProjectsSection-features .ProjectsSection-features-section{page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}.WorkHistory{display:flex;flex-direction:column;justify-content:center;align-items:center}.WorkHistory .WorkHistory-info{margin-bottom:1rem}.WorkHistory .WorkHistory-content{display:flex;align-items:center}.WorkHistory .WorkHistory-content .WorkHistory-position{background-color:var(--background-variant);border-radius:1rem;padding:2rem}.WorkHistory .WorkHistory-content .WorkHistory-position:not(.selected){display:none}.WorkHistory .WorkHistory-content .WorkHistory-position .WorkHistory-title{font-size:1.25rem;font-weight:700;color:var(--secondary)}.WorkHistory .WorkHistory-content .WorkHistory-position .WorkHistory-location{margin-bottom:.5rem}.WorkHistory .WorkHistory-content .WorkHistory-navigation{font-size:3rem;color:var(--background)}.WorkHistory .WorkHistory-content .WorkHistory-navigation:not(.end){color:var(--secondary);cursor:pointer}.WorkHistory .WorkHistory-content .WorkHistory-navigation:not(.end):hover{color:var(--primary)}:root{--black:#000;--grey-dark:#121212;--blue:#285461;--teal:#508882;--teal-light:#bfd9d6;--pink:#df5181;--mint:#cee7e9;--mint-dark:#76bcc1;--parchment:#f8f7ea;--white:#fff;--shadow:rgba(0,0,0,0.2)}.dark-theme{--primary:var(--mint);--primary-variant:var(--mint-dark);--primary-text:var(--black);--secondary:var(--pink);--secondary-variant:var(--mint-dark);--secondary-text:var(--black);--background:var(--grey-dark);--background-variant:hsla(0,0%,100%,0.05);--background-text:var(--white)}.light-theme{--primary:var(--blue);--primary-variant:var(--blue);--primary-text:var(--white);--secondary:var(--teal);--secondary-variant:var(--blue);--secondary-text:var(--mint);--background:var(--parchment);--background-variant:var(--teal-light);--background-text:var(--black)}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-ExtraLight.f291df8d.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-ExtraLightItalic.bb8d387a.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-Light.edc21ba4.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-LightItalic.d2749e83.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-Regular.ed1d014b.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-Italic.a30e681e.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-SemiBold.ce96d75e.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-SemiBoldItalic.f8f4f550.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-Bold.08d37409.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-BoldItalic.10f943f4.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Titillium Web";src:url(/portfolio/static/media/TitilliumWeb-Black.c0b00efd.ttf) format("truetype");font-weight:900;font-style:normal}*,:after,:before{box-sizing:border-box}html{font-size:16px;font-family:"Titillium Web","Roboto",sans-serif;font-weight:400;font-style:normal}@media (max-width:400px){html{font-size:12px}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--primary)}em{color:var(--secondary);font-weight:700;font-style:normal}ul{padding:0 0 0 1.25rem;margin:0}ul li{margin-left:1.25rem;padding-left:.5rem}ul li::marker{color:var(--primary-variant)}
/*# sourceMappingURL=main.3dc4f2a9.chunk.css.map */