*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-text);color:var(--color-text);font-weight:var(--weight-rg)}@media(prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important;transition-delay:0s !important}}html{font-size:62.5%;letter-spacing:-0.5px;line-height:1.6}html p+p{margin-top:1rem;margin-bottom:1rem}html a{transition-property:all;transition-duration:50ms}html a:hover{text-decoration-style:wavy;text-decoration-skip-ink:none}@media only screen and (min-width: 500px){html{font-size:70%}}@media only screen and (min-width: 700px){html{font-size:68.75%}}@media only screen and (min-width: 1000px){html{font-size:75%}}.app{will-change:opacity;background-color:var(--color-secondary);display:grid;width:100%;--items-max-width: 70rem}.app--404{justify-content:center;align-content:center;height:100vh}.list-wrapper{margin-top:2rem}.bullets{margin-left:2rem;padding-left:1rem}.animated-link{text-decoration:underline}.animated-link:link,.animated-link:visited{display:inline-block;transition:all .2s;padding:.1rem .3rem;margin:-0.1rem -0.3rem}.animated-link:hover,.animated-link:active{box-shadow:0 1rem 2rem rgba(0,0,0,.4);transform:rotate(5deg) scale(1.3)}.button{text-decoration:none;display:grid;grid-template-columns:1fr max-content;align-items:center;width:21rem;border-radius:var(--radius-xl);background-color:var(--color-white);overflow:hidden;box-shadow:var(--shadow-3);height:40px;text-align:center;transition:all .3s;backface-visibility:hidden}.button:hover,.button:focus{box-shadow:var(--shadow-4);transform:translateY(-2px)}.button:active{box-shadow:var(--shadow-5);transform:translateY(2px)}.button svg{background-color:var(--color-text);fill:var(--color-white);width:50px;height:100%;padding:2px 6px}.heading{display:grid;row-gap:.8rem;padding:0 8rem;text-align:center}@media only screen and (max-width: 500px){.heading{padding:0 var(--gutter-sm)}}@media only screen and (min-width: 700px){.heading{max-width:var(--items-max-width);justify-self:center}}.section{display:grid;justify-items:center;row-gap:3rem;padding:6rem 0}.section--primary{background-color:var(--color-primary)}.is-waving,.wave-emoji:hover{animation-name:wave-animation;animation-delay:.5s;animation-duration:2.5s;animation-iteration-count:1;animation-fill-mode:backwards}.wave-emoji{display:inline-block;transform-origin:70% 70%;margin-left:.5ch}.wave-emoji:hover{animation-iteration-count:infinite;animation-delay:0s}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.banner{height:100vh;display:grid;grid-template-rows:max-content 1fr max-content;grid-template-columns:1fr;padding:1rem 1rem 20rem;padding-top:40vh;z-index:2;background-color:var(--color-primary)}.logo svg{fill:var(--color-grey);width:3rem;height:3rem;border-radius:50%;padding:.2rem;margin:.4rem;border:2px solid var(--color-grey)}.text{align-self:center;justify-self:center;display:grid;justify-items:center;row-gap:1.2rem}.title{text-align:center}.line,.subtitle,.arrow{opacity:0;transform:translateY(6px);animation-name:fadeUp;animation-duration:900ms;animation-timing-function:ease;animation-fill-mode:forwards;animation-iteration-count:1}.subtitle{animation-delay:1000ms}.line{animation-delay:800ms;height:2px;width:75%;background-color:var(--color-text)}.arrow{animation-delay:2000ms;cursor:pointer;color:var(--color-text);display:block;position:absolute;z-index:2;width:4rem;height:4rem;bottom:2.5rem;left:50%;margin-left:-2rem}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.contact-background{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:100%;width:100%}.contact-background::after{content:"";grid-row:1/2;grid-column:1/2;background-color:var(--color-secondary);z-index:-1}.contact-background::before{content:"";grid-row:2/3;grid-column:1/2;background-color:var(--color-primary)}.contact{grid-row:1/3;grid-column:1/2;margin:1rem 0;background-color:var(--color-accent);box-shadow:var(--shadow-1);display:grid;text-align:center;display:grid;row-gap:.4rem;padding:3rem 0;width:calc(100% - 4rem);max-width:var(--items-max-width);border-radius:var(--radius-sm);justify-self:center}.contact a{text-decoration-color:var(--color-secondary)}.contact a:link,.contact a:visited{background-color:var(--color-accent)}.head{margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.head,.subhead{color:var(--color-primary)}.subhead{max-width:75%;text-align:center;margin:auto;margin-bottom:2rem}.socials{justify-self:center;display:grid;grid-template-columns:repeat(3, max-content);column-gap:2rem;padding-top:0rem;list-style:none;margin-top:3rem;margin-bottom:3rem}.footer-wrapper{display:grid;background-color:var(--color-primary)}@media only screen and (min-width: 1300px){.footer-wrapper{justify-content:center}}.byline{font-size:var(--text-sm);text-align:center;margin-top:10rem;padding:0 1rem}.footer{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr)}.footer .lastBuilt{grid-column:span 3}@media only screen and (min-width: 600px){.footer{display:flex;flex-flow:row wrap;justify-content:center}}.footer{text-align:center;row-gap:4rem;padding:3rem 2rem 1.4rem;margin-bottom:5rem}@media only screen and (min-width: 1300px){.footer{width:100rem}}.footer span{font-size:var(--text-xs)}.footer--visible .credit,.footer--visible>span:last-child{animation:fadeIn forwards 1s}@media only screen and (min-width: 600px){.footer span:not(:last-child){border-right:1px solid var(--color-text);margin-right:1rem;padding-right:1rem}}.link{text-decoration-color:var(--color-text)}.link:link,.link:visited{background-color:var(--color-secondary)}@keyframes fadeIn{to{opacity:1}}.navigation{--nav-height: 6rem;height:var(--nav-height);display:grid;background-color:var(--color-accent);position:sticky;top:0;z-index:2;box-shadow:var(--shadow-1)}.links{display:grid;grid-template-columns:repeat(4, max-content);justify-content:center;align-content:center;list-style:none;opacity:0;transform:translateY(10px)}.links--visible{animation:fadeUp .6s forwards}.link{cursor:pointer}.link .nav-link{height:var(--nav-height);background:rgba(0,0,0,0);border:none;cursor:pointer;text-transform:capitalize;text-decoration:none}.link .nav-link.active{border-bottom:2px solid var(--color-primary)}.link:not(:last-child):after{content:"/";color:var(--color-primary);font-weight:var(--weight-bold);font-family:var(--font-heading);font-size:var(--text-lg);padding:0 .75rem;cursor:auto}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.priorities-background{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:100%;width:100%}.priorities-wrapper{grid-row:1/3;grid-column:1/2;justify-self:center;background-color:var(--color-secondary);box-shadow:var(--shadow-1);border-radius:var(--radius-sm);margin:1rem 5rem;display:grid;justify-content:center}@media only screen and (min-width: 500px){.priorities-wrapper{margin:1rem var(--gutter-sm)}}@media only screen and (min-width: 600px){.priorities-wrapper{margin:1rem var(--gutter-md)}}@media only screen and (min-width: 700px){.priorities-wrapper{margin:1rem 2rem;grid-template-rows:1fr max-content;grid-template-columns:1fr;max-width:var(--items-max-width)}}@media only screen and (min-width: 1000px){.priorities-wrapper{margin:1rem 6rem}}.priorities-header{grid-row:1/2;padding-top:3rem;text-align:center}.priorities-row{grid-row:2/3;justify-self:center;display:flex;flex-flow:row wrap;justify-content:space-evenly}@media only screen and (max-width: 700px){.priorities-row{flex-flow:column nowrap}}.priority{display:grid;justify-items:center;grid-template-rows:max-content max-content 1fr;padding:4rem 4rem 5rem;row-gap:.6rem;text-align:center}.priority>*{opacity:0}.priority--visible>*{animation:fadeIn .4s ease-in forwards}@media only screen and (min-width: 700px){.priority{padding:4rem 1.6rem;max-width:19rem}}.priority:not(:last-child){border-bottom:1px solid var(--color-grey-light)}@media only screen and (min-width: 700px){.priority:not(:last-child){border-bottom:none;border-right:1px solid var(--color-grey-light)}}.priority img{width:8rem;align-self:center;padding-bottom:1rem;fill:currentColor}@media only screen and (min-width: 700px){.priority img{width:6rem}}@keyframes fadeIn{to{opacity:1}}.list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;max-width:120rem}.card-wrapper{list-style:none}.card{display:grid;width:70vw;height:48rem;perspective:150rem;-moz-perspective:150rem;position:relative;margin:2rem;background-color:rgba(0,0,0,0);border:none}@media only screen and (min-width: 650px){.card{width:55vw}}@media only screen and (min-width: 800px){.card{width:28rem}}.card:focus{outline:1px solid var(--color-grey-light)}.card{opacity:0;transform:translateY(3rem)}.card[data-flipped=true] .card--front{transform:rotateY(-180deg)}.card[data-flipped=true] .card--back{transform:rotateY(0)}.card--visible{animation:fadeUp .6s ease-in forwards}.card--side{transition:all .8s ease;height:48rem;position:absolute;top:0;left:0;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;box-shadow:var(--shadow-1);border-radius:var(--radius-sm);overflow:hidden}.card--front{display:grid;grid-template-rows:20rem 1fr max-content;background-color:var(--color-secondary)}.card--front img{height:100%;width:100%;object-fit:cover;-webkit-clip-path:polygon(0 0, 0 90%, 100% 100%, 100% 0);clip-path:polygon(0 0, 0 90%, 100% 100%, 100% 0)}.card--front span:last-child{text-align:end;padding:1rem}.card--back{transform:rotateY(180deg);display:grid;grid-template-rows:max-content 1fr max-content;background-color:var(--color-primary);padding:2rem;justify-items:center}.details{display:grid;text-align:start;align-content:start;row-gap:1rem;padding:0 1.6rem 1rem}.details p{line-height:1.4}.card .heading{text-align:start;margin-bottom:2rem;width:100%}.stack-wrapper{width:70%;display:grid;align-content:center;row-gap:.6rem}.stack{display:grid;row-gap:.6rem;align-content:start;align-self:center;padding-bottom:3rem}.buttons{display:grid;row-gap:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(3rem)}40%{opacity:.6;transform:translateY(-1rem)}100%{opacity:1;transform:translateY(0)}}.skill-item{display:grid;grid-template-columns:max-content 1fr;align-items:center;background-color:var(--color-secondary);box-shadow:var(--shadow-2);border-radius:var(--radius-sm);text-align:center}.logo{background-color:var(--color-secondary);border-radius:var(--radius-sm);height:3rem;width:3rem;padding:.4rem}.list{width:100%;display:grid;row-gap:1.4rem;list-style:none}.skill-set{display:grid;row-gap:1.2rem;text-align:center;padding-top:1rem}@media only screen and (min-width: 1200px){.skill-set{row-gap:1.6rem}}.skill-set h2{opacity:0;transform:translateY(6px)}.skill-set li{opacity:0;transform:translateX(-6px)}.skill-set--visible h2{animation:fadeUp .2s forwards}.skill-set--visible li{animation:fadeIn .3s forwards}.skill-set--visible li:nth-child(1){animation-delay:.1s}.skill-set--visible li:nth-child(2){animation-delay:.2s}.skill-set--visible li:nth-child(3){animation-delay:.3s}.skill-set--visible li:nth-child(4){animation-delay:.4s}.skill-set--visible li:nth-child(5){animation-delay:.5s}.skill-set--visible li:nth-child(6){animation-delay:.6s}.skill-set--visible li:nth-child(7){animation-delay:.7s}.skill-set--visible li:nth-child(8){animation-delay:.8s}.skill-set--visible li:nth-child(9){animation-delay:.9s}.skill-set--visible li:nth-child(10){animation-delay:1s}.skill-set--visible li:nth-child(11){animation-delay:1.1s}.skill-set--visible li:nth-child(12){animation-delay:1.2s}.skill-set--visible li:nth-child(13){animation-delay:1.3s}.skill-set--visible li:nth-child(14){animation-delay:1.4s}.skill-set--visible li:nth-child(15){animation-delay:1.5s}.skill-set--visible li:nth-child(16){animation-delay:1.6s}.skill-set--visible li:nth-child(17){animation-delay:1.7s}.skill-set--visible li:nth-child(18){animation-delay:1.8s}.skill-set--visible li:nth-child(19){animation-delay:1.9s}.skill-list{list-style:none;display:grid;gap:1rem;grid-template-columns:repeat(3, 30vw);justify-content:center}@media only screen and (min-width: 700px){.skill-list{gap:1.2rem}}@media only screen and (min-width: 1200px){.skill-list{grid-template-columns:repeat(4, 18rem);gap:1.2rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}40%{opacity:.6;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-6px)}40%{opacity:.6;transform:translateX(4px)}100%{opacity:1;transform:translateX(0)}}.social a{transform:scale(1);position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;cursor:pointer;border:2px solid var(--color-primary);transition:all .3s;border-radius:50%}.social a::after{position:absolute;content:"";width:38px;height:38px;z-index:-1;border-radius:50%;transform:scale(1.1);background-color:rgba(0,0,0,0);transition:all .3s}.social svg{width:28px;height:28px;fill:var(--color-primary);transform:scale(1.1);transition:all .3s}.social:hover a{transform:scale(1.1)}.social:hover a::after,.social:hover svg{transform:scale(1)}.social:hover svg{fill:var(--color-primary)}.social--accent:hover svg{fill:var(--color-primary)}.social--linkedin:hover a{border-color:var(--color-linkedin)}.social--linkedin:hover a::after{background-color:var(--color-linkedin)}.social--email:hover a{border-color:var(--color-email)}.social--email:hover a::after{background-color:var(--color-email)}.social--github:hover a{border-color:var(--color-github)}.social--github:hover a::after{background-color:var(--color-github)}.toggle{background-color:red}.font--bold{font-weight:var(--weight-bold)}.font--thin{font-weight:var(--weight-thin)}.font--heading{font-family:var(--font-heading)}.color--primary{color:var(--color-primary)}.color--secondary{color:var(--color-secondary)}.color--accent{color:var(--color-accent)}.aligned--left{text-align:left}.aligned--center{text-align:center}.aligned--right{text-align:right}.space--xs{margin-bottom:var(--space-xs)}.space--sm{margin-bottom:var(--space-sm)}.space--md{margin-bottom:var(--space-md)}.space--lg{margin-bottom:var(--space-lg)}.space--xl{margin-bottom:var(--space-xl)}.text--xs{font-size:var(--text-xs)}.text--sm{font-size:var(--text-sm)}.text--md{font-size:var(--text-md)}.text--lg{font-size:var(--text-lg)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}:root{--color-github: #ebebeb;--color-email: #d44638;--color-linkedin: #2867b2;--color-white: #ebebeb;--color-grey: hsl(0, 0%, 16%);--color-gray: var(--color-grey);--color-black: #0b0b0b;--color-purple: hsl(266, 79%, 15%);--color-gold: hsl(32, 67%, 67%);--color-blue: hsl(210, 35%, 19%)}:root{--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-xl: 20px;--shadow-1: 0 0 6px 1px rgba(0, 0, 0, 0.2);--shadow-2: -1px 1px 2px 0 rgba(0, 0, 0, 0.25);--shadow-3: 0 4px 4px 0 rgba(0, 0, 0, 0.25);--shadow-4: 0 6px 4px 0 rgba(0, 0, 0, 0.35);--shadow-5: 0 3px 4px 0 rgba(0, 0, 0, 0.25);--space-xs: 0.2rem;--space-sm: 0.4rem;--space-md: 0.6rem;--space-lg: 0.8rem;--space-xl: 1rem;--gutter-sm: 4rem;--gutter-md: 8rem}.theme--default{--color-text: var(--color-white);--color-primary: var(--color-blue);--color-secondary: var(--color-gray);--color-accent: var(--color-gold)}:root{--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", /* Emoji */ "Segoe UI Emoji", /* Emoji */ "Segoe UI Symbol";--font-heading: -apple-system-headline, var(--font-text);--weight-thin: 300;--weight-rg: 400;--weight-bold: 700;--text-xs: 1.2rem;--text-sm: 1.6rem;--text-md: 1.8rem;--text-lg: 2rem;--text-xl: 2.8rem;--text-xxl: 5.25rem}/*# sourceMappingURL=main.css.map */