body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IMB Plex Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;margin:0;padding:0}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:root{--header-padding:20px}@media screen and (min-width:768px){:root{--header-padding:50px}}@media screen and (min-width:1024px){:root{--header-padding:120px}}:root{--color-white:#fff;--color-navy:#0c1c2e;--color-navy-light:#1a2a3a;--color-aqua:#71d3e6;--color-aqua-dark:#0093a8;--color-aqua-darker:#006d7e;--color-aqua-darkest:#004d57;--color-green:#2ecc71;--color-lime:#32cd32;--color-forest:#228b22;--moon-light:#c3c2be;--moon-dark:#31302e;--space-3xs:clamp(0.3125rem,0.3125rem + 0vw,0.3125rem);--space-2xs:clamp(0.5625rem,0.5408rem + 0.1087vw,0.625rem);--space-xs:clamp(0.875rem,0.8533rem + 0.1087vw,0.9375rem);--space-s:clamp(1.125rem,1.0815rem + 0.2174vw,1.25rem);--space-m:clamp(1.6875rem,1.6223rem + 0.3261vw,1.875rem);--space-l:clamp(2.25rem,2.163rem + 0.4348vw,2.5rem);--space-xl:clamp(3.375rem,3.2446rem + 0.6522vw,3.75rem);--space-2xl:clamp(4.5rem,4.3261rem + 0.8696vw,5rem);--space-3xl:clamp(6.75rem,6.4891rem + 1.3043vw,7.5rem);--space-3xs-2xs:clamp(0.3125rem,0.2038rem + 0.5435vw,0.625rem);--space-2xs-xs:clamp(0.5625rem,0.4321rem + 0.6522vw,0.9375rem);--space-xs-s:clamp(0.875rem,0.7446rem + 0.6522vw,1.25rem);--space-s-m:clamp(1.125rem,0.8641rem + 1.3043vw,1.875rem);--space-m-l:clamp(1.6875rem,1.4049rem + 1.413vw,2.5rem);--space-l-xl:clamp(2.25rem,1.7283rem + 2.6087vw,3.75rem);--space-xl-2xl:clamp(3.375rem,2.8098rem + 2.8261vw,5rem);--space-2xl-3xl:clamp(4.5rem,3.4565rem + 5.2174vw,7.5rem);--space-s-l:clamp(1.125rem,0.6467rem + 2.3913vw,2.5rem);--space-m-xl:clamp(1.6875rem,0.9701rem + 3.587vw,3.75rem);--space-3xs-s:clamp(0.3125rem,-0.0136rem + 1.6304vw,1.25rem)}.ibm-thin{font-weight:100}.ibm-extralight,.ibm-thin{font-family:IBM Plex Sans,sans-serif;font-style:normal}.ibm-extralight{font-weight:200}.ibm-light{font-weight:300}.ibm-light,.ibm-regular{font-family:IBM Plex Sans,sans-serif;font-style:normal}.ibm-regular{font-weight:400}.ibm-medium{font-weight:500}.ibm-medium,.ibm-semibold{font-family:IBM Plex Sans,sans-serif;font-style:normal}.ibm-semibold{font-weight:600}.ibm-bold{font-family:IBM Plex Sans,sans-serif;font-style:normal;font-weight:700}.ibm-thin-italic{font-weight:100}.ibm-extralight-italic,.ibm-thin-italic{font-family:IBM Plex Sans,sans-serif;font-style:italic}.ibm-extralight-italic{font-weight:200}.ibm-light-italic{font-weight:300}.ibm-light-italic,.ibm-regular-italic{font-family:IBM Plex Sans,sans-serif;font-style:italic}.ibm-regular-italic{font-weight:400}.ibm-medium-italic{font-weight:500}.ibm-medium-italic,.ibm-semibold-italic{font-family:IBM Plex Sans,sans-serif;font-style:italic}.ibm-semibold-italic{font-weight:600}.ibm-bold-italic{font-family:IBM Plex Sans,sans-serif;font-style:italic;font-weight:700}:root{--step--2:clamp(0.7813rem,0.7747rem + 0.0326vw,0.8rem);--step--1:clamp(0.9375rem,0.9158rem + 0.1087vw,1rem);--step-0:clamp(1.125rem,1.0815rem + 0.2174vw,1.25rem);--step-1:clamp(1.35rem,1.2761rem + 0.3696vw,1.5625rem);--step-2:clamp(1.62rem,1.5041rem + 0.5793vw,1.9531rem);--step-3:clamp(1.944rem,1.771rem + 0.8651vw,2.4414rem);--step-4:clamp(2.3328rem,2.0827rem + 1.2504vw,3.0518rem);--step-5:clamp(2.7994rem,2.4462rem + 1.7658vw,3.8147rem)}.h1{font-size:var(--step-5);font-weight:600}.h1,.h2{font-family:IBM Plex Sans,sans-serif;font-style:normal}.h2{font-size:var(--step-4);font-weight:400}.h3,.h4,.h5,.h6{font-size:var(--step-3)}.p{font-family:IBM Plex Sans,sans-serif;font-size:var(--step-0);font-style:normal;font-weight:300;opacity:.6}.eyebrow{font-size:var(--step--2);text-transform:uppercase}.App,body{background-color:var(--color-navy)}.App{color:var(--color-white);font-family:Arial,sans-serif;margin:0 auto;max-width:1500px;padding:0 20px;text-align:left}.App main{grid-gap:var(--space-xl);display:grid;grid-area:"main";grid-auto-rows:auto;grid-template-columns:1fr;padding:0}@media screen and (min-width:1024px){.App main{grid-gap:var(--space-3xl)}}@media screen and (min-width:768px){.App{padding:0 80px}}@media screen and (min-width:1024px){.App{padding:0 var(--space-3xl)}}.layout{display:grid;grid-template-areas:"header" "moon" "main";grid-template-columns:1fr;position:relative;z-index:1}@media screen and (min-width:1024px){.layout{grid-gap:var(--space-xl);grid-template-areas:"moon header main";grid-template-columns:100px 2fr 3fr;padding-top:var(--header-padding)}.layout>:last-child{overflow-y:auto}}header.header{grid-gap:var(--space-m);display:grid;grid-area:header;grid-template-rows:auto 1fr}@media screen and (min-width:1024px){header.header{grid-gap:var(--space-2xl);grid-template-rows:auto auto 1fr;height:calc(100vh - var(--header-padding));padding-bottom:120px;position:-webkit-sticky;position:sticky;top:var(--header-padding)}}header.header .header-content{grid-gap:var(--space-3xs-s);display:grid}header.header p{max-width:330px}header.header .nav{display:none}@media screen and (min-width:768px){header.header .nav{display:block}}:is(header.header .nav) ul{grid-gap:var(--space-2xs);display:grid}header.header .contact-section{align-self:end;padding:2px}.contact-buttons{display:flex;flex-direction:row;gap:1em;width:100%}.contact-button svg{height:24px;transition:fill .2s ease;width:24px}:is(.contact-button svg):hover{fill:var(--color-aqua)}.nav-link{align-items:center;color:inherit;display:inline-flex;flex-direction:row;gap:1em;opacity:.6;text-decoration:none;text-transform:uppercase}.nav-link:before{background-color:var(--color-white);content:"";height:1px;transition:width .3s ease-in-out;width:25px}.nav-link:hover{opacity:1}.nav-link:hover:before{width:50px}.nav-link.active{opacity:1}.nav-link.active:before{width:50px}button{background-color:#4a4a4a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none}.skill-pill{background-color:var(--color-aqua-darkest);border-radius:25px;color:var(--color-aqua);cursor:default;cursor:pointer;font-size:var(--step--2);font-weight:300}.about{display:grid;grid-column:1;grid-row:1;row-gap:var(--space-s-m)}@media screen and (min-width:1024px){.about{row-gap:0}.about .h2{height:0;visibility:hidden;width:0}}.experience{display:grid;row-gap:var(--space-s-m)}@media screen and (min-width:1024px){.experience .h2{height:0;visibility:hidden;width:0}}.experience-item{border-radius:8px;display:grid;gap:var(--space-xs-s);grid-template-columns:1fr 2fr;padding:var(--space-s);transition:background-color .3s ease,opacity .3s ease}.experience-item.dimmed{opacity:.6}.experience-item:hover{background-color:var(--color-navy-light)}.experience-item:hover .external-arrow,.experience-item:hover .title{color:var(--color-aqua)}.experience-item:hover .external-arrow svg{fill:var(--color-aqua);transform:translate(2px,-2px)}.experience-item .date{font-size:var(--step--2);text-align:right}@media screen and (min-width:768px){.experience-item .date{grid-column:1/2;text-align:left}}.experience-item .content{display:grid}@media screen and (min-width:768px){.experience-item .content{grid-column:2/3}}.experience-item .title{align-items:center;display:flex;font-size:var(--step-0);gap:var(--space-3xs);margin-bottom:var(--space-2xs);transition:color .3s ease}:is(.experience-item .title) .external-arrow svg{height:16px;transition:fill .3s ease,transform .3s ease;width:16px}.experience-item .company{opacity:.8}.experience-item .description{font-size:var(--step-0);line-height:1.05;margin-bottom:var(--space-m)}.experience-item .links{cursor:default;display:grid;margin-bottom:var(--space-xs);row-gap:var(--space-3xs)}.experience-item .link{align-items:center;display:flex;font-size:var(--step--1);gap:var(--space-3xs);transition:color .3s ease}:is(.experience-item .link) svg{height:16px;width:16px}:is(.experience-item .link):hover{color:var(--color-aqua)}.experience-item .skills{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}@media screen and (max-width:768px){.experience-item{gap:var(--space-2xs);grid-template-columns:1fr}.content,.date{grid-column:1/-1}}.work-samples{grid-gap:var(--space-m);display:grid}@media screen and (min-width:768px){.work-samples .headline{display:none}}.work-sample{border-radius:8px;display:grid;gap:var(--space-m);grid-template-columns:1fr 1.5fr;padding:var(--space-s);transition:background-color .3s ease,opacity .3s ease}.work-sample.dimmed{opacity:.6}.work-sample:hover{background-color:var(--color-navy-light)}.work-sample:hover .external-arrow,.work-sample:hover .title{color:var(--color-aqua)}.work-sample:hover .external-arrow svg{fill:var(--color-aqua);transform:translate(2px,-2px)}.work-sample:hover .image{border:2px solid var(--color-aqua-darkest)}.work-sample .image{border:2px solid var(--color-navy);border-radius:8px;height:auto;max-height:300px;max-width:100%;object-fit:contain;transition:border .3s ease}.work-sample .info{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.work-sample .title{align-items:center;display:flex;font-size:var(--step-0);gap:var(--space-3xs);margin-bottom:var(--space-2xs);transition:color .3s ease}:is(.work-sample .title) .external-arrow svg{height:16px;transition:fill .3s ease,transform .3s ease;width:16px}.work-sample .description{font-size:var(--step-0);line-height:1.05;margin-bottom:var(--space-m)}.work-sample .skills{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.moon-container{grid-area:moon;justify-self:right;position:relative}@media screen and (min-width:1024px){.moon-container{align-self:start;justify-self:unset}}.sphere{border-radius:100%;display:inline-block;height:100px;overflow:hidden;position:relative;width:100px}.light{filter:blur(.025px)}.light,.texture{border-radius:50%;height:100px;width:100px}.texture{background-image:url(/static/media/real-moon.b0d0574c81fb3551fa53.png);background-position:50%;background-repeat:no-repeat;background-size:100px;left:0;mix-blend-mode:multiply;top:0}.circle,.texture{position:absolute}.circle{border-radius:50%;box-shadow:inset 0 0 12px #0c1c2e,inset 0 0 8px #0c1c2e,inset 0 0 8px #0c1c2e;filter:blur(.005px);height:102px;top:-1px;width:102px}
/*# sourceMappingURL=main.d2ff59cf.css.map*/