*,*::before,*::after{box-sizing:border-box}*{margin:0}@font-face{font-display:swap;font-family:lexend;font-style:normal;font-weight:400;src:url(../fonts/lexend-v19-latin-regular.woff2)format('woff2')}@font-face{font-display:swap;font-family:lexend;font-style:normal;font-weight:700;src:url(../fonts/lexend-v19-latin-700.woff2)format('woff2')}@font-face{font-display:swap;font-family:lexend;font-style:normal;font-weight:300;src:url(../fonts/lexend-v19-latin-300.woff2)format('woff2')}:root{--blue-900:hsl(234, 91%, 12%);--blue-800:hsl(234, 91%, 21%);--blue-700:hsl(234, 90%, 31%);--blue-600:hsl(234, 89%, 39%);--blue-500:hsl(234, 83%, 47%);--blue-400:hsl(234, 81%, 60%);--blue-300:hsl(234, 90%, 71%);--blue-200:hsl(234, 88%, 82%);--blue-100:hsl(234, 90%, 95%);--neutral-900:hsl(234, 69%, 7%);--neutral-800:hsl(234, 53%, 12%);--neutral-700:hsl(234, 36%, 18%);--neutral-600:hsl(234, 31%, 24%);--neutral-500:hsl(234, 20%, 34%);--neutral-400:hsl(234, 11%, 49%);--neutral-300:hsl(234, 12%, 62%);--neutral-200:hsl(234, 13%, 80%);--neutral-100:hsl(234, 19%, 96%);--yellow-500:#F2DE25;--corner-radius:1.75rem;--fs-sm:1rem;--fs-med:2rem;--fs-Lg:3rem;--shadow-color:0deg 0% 0%;--shadow-elevation-low:0px 0.7px 0.6px hsl(var(--shadow-color) / 0.16),
    0px 1px 0.9px -1.9px hsl(var(--shadow-color) / 0.12),
    0px 2.8px 2.6px -3.8px hsl(var(--shadow-color) / 0.08);--shadow-elevation-medium:0px 0.7px 0.6px hsl(var(--shadow-color) / 0.17),
    0px 1.7px 1.6px -1.3px hsl(var(--shadow-color) / 0.14),
    0px 5.1px 4.7px -2.6px hsl(var(--shadow-color) / 0.11),
    -0.1px 13.9px 12.8px -3.8px hsl(var(--shadow-color) / 0.08);--shadow-elevation-high:0px 0.7px 0.6px hsl(var(--shadow-color) / 0.15),
    0px 2.3px 2.1px -0.5px hsl(var(--shadow-color) / 0.14),
    0px 4.7px 4.3px -1.1px hsl(var(--shadow-color) / 0.13),
    -0.1px 9px 8.3px -1.6px hsl(var(--shadow-color) / 0.11),
    -0.1px 16.4px 15.1px -2.2px hsl(var(--shadow-color) / 0.1),
    -0.2px 28.1px 25.9px -2.7px hsl(var(--shadow-color) / 0.09),
    -0.3px 45.4px 41.9px -3.3px hsl(var(--shadow-color) / 0.07),
    -0.5px 69.3px 63.9px -3.8px hsl(var(--shadow-color) / 0.06)}h1,h2,h3{line-height:1.1;margin:0}h1{font-size:var(--fs-Lg)}h2{font-size:1.75rem;font-weight:400}p{line-height:1.5;margin-bottom:1em}a{text-decoration:none;color:var(--blue-500)}ul{margin:0;padding:0}.project-single ul,.project-single ol,.post ul,.post ol{padding-left:1.5rem}image{width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-300)}::-webkit-scrollbar-thumb{background:var(--neutral-100);border:1px solid var(--neutral-900)}::-webkit-scrollbar-thumb:hover{background:var(--blue-500)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}body{background-color:var(--neutral-100);line-height:1.6;font-family:lexend,Arial,Helvetica,sans-serif;font-weight:300;font-size:var(--fs-sm);box-sizing:border-box;overflow-x:hidden}.status-banner{background-color:var(--yellow-500);color:var(--neutral-900);text-align:center}.homePageContainer{margin:0 2rem;text-align:center}.homePageContainer>h3{color:var(--neutral-400);font-weight:300}.homePageContainer>h2{margin:2rem 0;font-weight:500}.scroller{max-width:100%}.scroller-inner{list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient( 90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient( 90deg,transparent,white 20%,white 80%,transparent)}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-animated=true] .scroller-inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s)var(--_animation-direction,forwards)linear infinite}.roles-list{font-size:6rem;counter-reset:color-counter}.roles-list li{counter-increment:color-counter;color:var(--neutral-500);fill:var(--neutral-500)}.roles-list li:nth-child(3n+1){color:var(--neutral-500);fill:var(--neutral-500)}.roles-list li:nth-child(3n+2){color:var(--neutral-400);fill:var(--neutral-400)}.roles-list li:nth-child(3n+3){color:var(--neutral-300);fill:var(--neutral-300)}.pill{width:1.5rem;height:1rem;vertical-align:middle;margin:0 10px}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.croc-canvas{width:clamp(40%,2rem + 10vw,70%)}.my-name{width:7rem}header{display:flex;align-items:center;justify-content:space-between;margin:0 2rem;padding:1.5rem 0 2.5rem}.home-link{position:relative}.home-link>a{position:absolute;inset:0 0 0 0;pointer-events:none}.home-link:hover a{pointer-events:auto}.cosmoNav{display:flex;padding:20px 8.474576271% 16px;background:var(--blue-500);border-radius:99999px;font-weight:700;gap:clamp(18px,2rem,22px);padding:clamp(10px,1.2rem,14px)clamp(23px,2.5rem,27px);grid-column:span 4;width:fit-content;z-index:99999;box-shadow:var(--shadow-elevation-low)}.mobile-nav-toggle{display:none}.cosmoNav>a{color:var(--neutral-100);text-align:center;transition:transform .5s ease-out;transition:font-size 1s ease-out}.cosmoNav>a:hover{font-size:calc(var(--fs-sm) + .2rem);transform:translate( calc(var(--x)/2 - 10%),calc(var(--y)/1.7 - 10%) );transition:font-size 1s ease-out;cursor:pointer}.projects-container{padding:0 2.3rem;h2 { margin-bottom: 1.5rem; }}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));color:var(--background);gap:1.7em}.project-card{display:grid;gap:1rem;align-content:start;border:1px solid var(--neutral-900);background:var(--neutral-100);border-radius:var(--corner-radius);position:relative;padding:1.5rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);border-color:var(--blue-500);box-shadow:var(--shadow-elevation-medium)}.project-card h3{transition:color .2s ease}.project-card:hover h3{color:var(--blue-500)}.project-cta{color:var(--blue-500)}.project-cta .arrow{display:inline-block;transition:transform .2s ease}.project-card:hover .project-cta .arrow{transform:translateX(4px)}.project-link{position:absolute;top:0;left:0;right:0;bottom:0}.post-header{margin:2rem 0}.project-single-container{display:grid;grid-template-columns:20% 80%}.center{place-items:center;justify-self:center;text-align:center}.content-grid{--padding-line:2rem;--content-max-width:65ch;--breakout-max-width:78ch;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width))/ 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-line),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-line) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-line),1fr) [full-width-end]}.content-grid>*{grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width}.hero-image{border:1px solid var(--neutral-900);border-radius:var(--corner-radius);width:100%;height:100%}.project-single-title{text-align:center;margin:3rem 0}.date{text-align:center;color:var(--neutral-500)}.project-single{h2 { margin: 1.5rem 0; }}.project-list{h2 { color: var(--background); padding: 0 0 1rem 0; margin: 0; } padding: 1.5rem;background:#fff;border-radius:var(--corner-radius);box-shadow:var(--shadow-elevation-low)}.resume{hr { color: var(--neutral-900); margin-top: 1rem; } h2 { font-weight: 500; color: var(--blue-400); margin: 1rem 0; a { color: var(--blue-400); box-shadow: inset 0 0 0 0 var(--blue-100); color: var(--blue-400); margin: 0 -.25rem; padding: 0 .25rem; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } a:hover { box-shadow: inset 400px 0 0 0 var(--blue-500); color: var(--neutral-100); } } h3 { font-weight: 400; color: var(--neutral-500); margin-bottom: 1rem; } h4 { font-weight: 400; } ul { list-style-type: none; } ul li { color: var(--neutral-800); padding-left: 2rem; background-image: url('/pill-bullet.svg'); background-position: .2rem .3rem; background-size: 1rem 1rem; background-repeat: no-repeat; }}.blog{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 2rem}#my-poorly-written-thoughts-on-random-topics{color:var(--neutral-400)}.blog-post-card{border:1px solid var(--neutral-900);border-radius:var(--corner-radius);height:fit-content;padding:2rem;max-width:77rem}.card{display:grid;place-items:center;background:var(--neutral-100);border-radius:var(--corner-radius);padding:1rem}.contacts{margin:2rem;display:grid;grid-template-columns:1fr}.email-creature-canvas{width:100%}.skull-linkedin{width:100%}.youtube-icon-canvas{width:100%}.doggo-canvas{position:fixed;top:0;right:0;width:133px;height:382px;z-index:9999}.fishy-canvas{width:10.5rem;height:100%;margin:1rem 0 0 1rem}footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--blue-500);color:var(--neutral-100);padding:2rem 0;margin-top:10rem;margin-bottom:0;overflow-y:hidden}@media only screen and (max-width:35em){.cosmoNav{flex-direction:column;position:fixed;top:7rem;right:1rem;padding:2rem;border-radius:99999px;font-weight:700;gap:clamp(12px,2rem,13px);transform:translateX(127%);transition:transform 150ms ease-in}.cosmoNav[data-visible=true]{transform:translateX(0%)}.mobile-nav-toggle{display:block;position:absolute;z-index:999999999999;background-image:url(/hambooger.svg);background-color:transparent;background-repeat:no-repeat;aspect-ratio:1;width:4rem;background-size:cover;border:0;top:2.8rem;right:2rem}.mobile-nav-toggle[aria-expanded=true]{background-image:url(/close.svg);position:fixed}.homePageContainer>h1{font-size:clamp(2rem,1rem + 10vw,7rem)}.roles-list{font-size:clamp(2rem,1rem + 10vw,4rem)}.homePageContainer>h2{font-size:clamp(.5rem,.5rem + 5vw,2rem)}footer{flex-direction:column;overflow-x:hidden}.fishy-canvas{width:100%}}@media only screen and (min-width:45em){.projects{grid-template-columns:1fr 1fr}.homePageContainer{text-align:left}.homePageContainer>#product-manager{font-size:calc(var(--fs-Lg) + 7rem);margin-left:-1rem;margin-bottom:1rem}.homePageContainer>h3{font-size:3.3rem}header{flex-direction:row;position:relative}.cosmoNav{position:absolute;left:50%;transform:translate(-50%,0%)translate(.133px,0);padding:20px 8.474576271% 16px;background:var(--blue-500);border-radius:99999px;font-weight:700;gap:clamp(18px,2rem,22px);padding:clamp(10px,1.2rem,14px)clamp(23px,2.5rem,27px);grid-column:span 4;width:fit-content}.projects{grid-template-columns:1fr 1fr 1fr}.contacts{grid-template-columns:1fr 1fr 1fr}}