:root{--color-white: #ffffff;--color-black: #242424;--color-accent-primary-light: #85c6c9;--color-accent-primary: #5f9ea0;--color-accent-primary-dark: #4d7b7d;--color-accent-primary-darker: #314849;--color-accent-primary-darkest: #1f2f30;--color-text-primary: rgba(255, 255, 255, .87);--color-text-light: #213547;--color-link-primary: #646cff;--color-link-hover: #535bf2;--color-link-hover-light: #747bff;--color-bg-primary: var(--color-black);--color-bg-light: var(--color-white);--color-bg-button: #1a1a1a;--color-bg-button-light: #f9f9f9;--color-job-card-bg: #323232}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-link-primary);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-button);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-link-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app--container{max-width:1280px;margin:0 auto;padding:2rem 2rem 0;overflow-x:hidden}@media screen and (max-width: 1200px){.app--container{padding:1rem}}@media screen and (max-width: 768px){.app--container{padding:.5rem}}.job-card--container{display:flex;align-items:center;flex-direction:row;padding:1rem;margin:0 0 10rem}.job-card--container:nth-of-type(odd){flex-direction:row-reverse}.job-card--company{text-align:center}.job-card--company--date{font-size:.9em;margin:0 0 0 .5em;font-weight:lighter}.job-card--title{font-size:1.2em;font-weight:700}.job-card--list>li{margin:.5rem 0;list-style-type:circle}.job-card--details{position:relative;background:var(--color-job-card-bg);padding:2em;clip-path:polygon(0% 2%,2% 1%,5% 0%,10% 2%,14% 1%,17% 2%,20% 0%,25% 2%,30% 1%,35% 0%,40% 1%,45% 0%,50% 2%,55% 1%,60% 2%,65% 0%,70% 1%,75% 2%,80% 1%,85% 2%,90% 0%,95% 1%,98% 0%,100% 1%,100% 100%,98% 99%,95% 100%,90% 98%,85% 100%,80% 99%,75% 100%,70% 98%,65% 99%,60% 98%,55% 100%,50% 99%,45% 100%,40% 98%,35% 99%,30% 98%,25% 100%,20% 99%,15% 100%,10% 99%,5% 100%,2% 99%,0% 100%)}.job-card--container .fade-in-section{flex-basis:80%}.job-card--timeline-control{position:relative;flex-basis:20%;display:flex;flex-direction:column;justify-content:center}.job-card--date-start{position:absolute;top:-2.25em;width:100%;text-align:center;font-size:1.25rem;font-style:italic}@media screen and (max-width: 767px){.job-card--container:nth-of-type(odd),.job-card--container{position:relative;flex-direction:column-reverse}.job-card--details{clip-path:none;border-radius:1rem;padding:1em}.job-card--company--text{display:block}.job-card--date-start{visibility:hidden}}.fade-in-section{opacity:0;visibility:hidden;transition:opacity .6s ease-out,transform 1.2s ease-out;will-change:opacity,visibility}.fade-in-section:nth-of-type(odd){transform:translate(5rem)}.fade-in-section:nth-of-type(2n){transform:translate(-5rem)}.fade-in-section.fade-in-direction--right{transform:translate(5rem)!important}.fade-in-section.fade-in-direction--left{transform:translate(-5rem)!important}.fade-in-section.fade-in-direction--top{transform:translateY(-5rem)}.fade-in-section.fade-in-direction--bottom{transform:translateY(5rem)}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.fade-in-section.is-visible.fade-in-direction--top,.fade-in-section.is-visible.fade-in-direction--bottom,.fade-in-section.is-visible.fade-in-direction--left,.fade-in-section.is-visible.fade-in-direction--right{transform:none!important}.summary-card--container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.summary-card--text{padding:2rem 5rem 2rem 12rem;background-color:var(--color-accent-primary-dark);margin-left:-10rem;position:relative;z-index:-1;line-height:2;--ribbon-size: 4rem;--ribbon-depth: 1rem;--ribbon-cutout: 3rem;clip-path:polygon(var(--ribbon-cutout) 0,calc(100% - var(--ribbon-size)) 0,calc(100% - var(--ribbon-size)) var(--ribbon-depth),100% var(--ribbon-depth),calc(100% - var(--ribbon-cutout)) calc(50% + var(--ribbon-depth)/2),100% 100%,calc(100% - var(--ribbon-size) - var(--ribbon-depth)) 100%,calc(100% - var(--ribbon-size) - var(--ribbon-depth)) calc(100% - var(--ribbon-depth)),var(--ribbon-cutout) calc(100% - var(--ribbon-depth)),0 calc(50% - var(--ribbon-depth)/2))}.summary-card--text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(at right var(--ribbon-size) bottom var(--ribbon-depth),var(--color-accent-primary-darker) 62.5%,var(--color-accent-primary-darkest) 0 75%,transparent 0) 100% / 50% 100% no-repeat;z-index:-1}.summary-card--text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(at left var(--ribbon-size) bottom var(--ribbon-depth),transparent 100%,var(--color-accent-primary-darkest) 0 37.5%,var(--color-accent-primary-darker) 0) 0 / 50% 100% no-repeat;z-index:-1}.summary-card--headshot{border-radius:50%;width:300px;margin:0 auto;border:5px solid var(--color-white);z-index:10;position:relative}@media screen and (max-width: 768px){.summary-card--container{flex-direction:column-reverse}.summary-card--text{margin-left:0;margin-top:-4rem;padding:4.5rem 2rem 2rem;clip-path:none}.summary-card--headshot{width:200px}.summary-card--text:before,.summary-card--text:after{visibility:hidden}}#timeline-svg--vertices{z-index:-1}@media screen and (max-width: 767px){#timeline-svg--vertices{z-index:1000!important}}.skillsets--container{display:flex;flex-direction:column}.skillsets--title{text-align:center;font-size:2em;margin:.5rem}.skillsets--emphasis{width:100%;text-align:center;margin:.5rem}.skillsets-list--container{background-color:var(--color-job-card-bg);padding:2rem}.skillsets-list{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.skillsets-list--disclaimer{display:block;color:var(--color-text-primary);opacity:.7;margin-top:1rem;font-size:.8rem;text-align:center}@media screen and (max-width: 768px){.skillsets--container{margin-top:3rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill--container{padding:.5rem;flex:0 1 calc(15% - 2rem);min-width:5rem;opacity:0;animation:fadeIn .8s ease-in forwards}.skill--container:nth-of-type(1){animation-delay:0s}.skill--container:nth-of-type(2){animation-delay:.1s}.skill--container:nth-of-type(3){animation-delay:.2s}.skill--container:nth-of-type(4){animation-delay:.3s}.skill--container:nth-of-type(5){animation-delay:.4s}.skill--container:nth-of-type(6){animation-delay:.5s}.skill--container:nth-of-type(7){animation-delay:.6s}.skill--container:nth-of-type(8){animation-delay:.7s}.skill--container:nth-of-type(9){animation-delay:.8s}.skill--container:nth-of-type(10){animation-delay:.9s}.skill--container:nth-of-type(11){animation-delay:1s}.skill--container:nth-of-type(12){animation-delay:1.1s}.skill--container:nth-of-type(13){animation-delay:1.2s}.skill--container:nth-of-type(n+14){animation-delay:1.3s}.skill--icon{padding:.5rem;border-radius:4px;height:4rem;min-width:4rem}.skill--icon img{height:100%;width:100%;object-fit:contain}.skill--label{text-align:center;font-size:1.1rem;font-style:italic}@media screen and (max-width: 768px){.skill--container{flex:0 1 calc(25% - 1rem)}}.education--container{color:var(--color-black);--background-color: var(--color-accent-primary-dark);padding-bottom:4rem;width:100%;background-color:var(--background-color);border-top:.25rem solid var(--color-accent-primary-light)}.education--content{display:flex;justify-content:space-around}.education--item{flex-basis:50%;text-align:center}@media screen and (max-width: 767px){.education--content{flex-direction:column}.education--item:nth-of-type(n+2){margin-top:1rem}}.references--container{background-color:var(--color-accent-primary-darkest);min-height:6.75rem;display:flex;align-items:center;justify-content:space-evenly}.references--container img{height:var(--height)}
