.github-icon path{fill:#fff}.linkedin-icon path{fill:#fff}.new-tab-resume-path{fill:var(--color-quaternary);stroke:var(--color-quaternary)}.mobile-menu-button{background-color:transparent;border:none;cursor:pointer;display:none;padding:0;width:75px}.line{fill:none;stroke:var(--color-quaternary);transition:stroke-dasharray .3s cubic-bezier(.4,0,.2,1),stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.line,.line1{stroke-width:5}.line1{stroke-dasharray:60 207}.line2{stroke-dasharray:60 60}.line2,.line3{stroke-width:5}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:5}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}@media only screen and (max-width:700px){.mobile-menu-button{display:block}}header .js-header-top{height:var(--header-height-top)}header .js-header-scrolled{height:var(--header-height)}.header{box-shadow:0 10px 30px -10px var(--header-shadow);position:fixed;top:0;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out,height .3s ease-in-out;width:100%;z-index:15}.mobile-menu-wrapper{display:none}.js-header-hidden{box-shadow:none;transform:translateY(calc(var(--header-height)*-1))}.header-inner{align-items:center;background-color:var(--color-stripe-medium);display:flex;height:100%;justify-content:space-between;opacity:.95;padding:0 50px;width:100%}.hamburger-wrapper{display:none}.logo-anchor{text-decoration:none}.logo{font-family:var(--font-family-primary);font-size:60px;line-height:1}.logo-n{color:var(--color-secondary)}.logo-c{color:var(--color-quaternary)}.menu{align-items:center;display:flex;gap:20px}.menu li{color:var(--color-quaternary);font-size:22px;line-height:0;list-style:none}.menu li .menu-anchor{color:var(--color-quaternary);font-family:var(--font-family-primary);text-decoration:none;transition:color .3s ease-in-out}.menu li p{cursor:default}.menu .menu-anchor:hover{color:var(--color-quinary)}.github-icon-desktop path{transition:fill .3s ease-in-out}.menu-github-anchor:hover .github-icon-desktop path{fill:var(--color-quinary)}.github-icon-desktop{height:22px}.linkedin-icon-desktop path{transition:fill .3s ease-in-out}.menu-linkedin-anchor:hover .linkedin-icon-desktop path{fill:var(--color-quinary)}.linkedin-icon-desktop{height:22px}.resume{align-items:center;border-color:var(--color-quaternary);border-radius:8px;border-style:solid;border-width:2px;display:flex;font-family:var(--font-family-primary);margin-left:30px;padding:12px 14px;text-decoration:none;transition:background-color .3s ease-in-out}.resume-text{color:var(--color-quaternary);cursor:pointer;font-family:inherit;font-size:inherit;padding-bottom:1px}.resume:hover{background-color:#a8dadc1a}.resume-new-tab{height:18px;margin-left:10px;width:18px}@media only screen and (max-width:800px){.mobile-menu-wrapper{align-items:center;background-color:var(--color-primary);bottom:0;box-shadow:none;display:flex;justify-content:center;min-width:50%;opacity:.98;padding:30px;position:fixed;right:0;top:0}body.js-frozen{overflow:hidden}.layout-wrapper{transition:filter var(--transition-length) ease-in-out}.layout-wrapper.js-frozen{filter:blur(10px);pointer-events:none}body{background-color:var(--color-primary)}.header-inner{opacity:.98;padding:0 0 0 15px}.hamburger-wrapper{bottom:0;display:block;padding:0 5px 0 0;position:absolute;right:0;top:0;z-index:20}.menu-wrapper{display:none}.js-mobile-menu-wrapper{transform:translate(100%);transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}.js-mobile-menu-wrapper.js-open{box-shadow:0 10px 30px -10px var(--header-shadow);transform:translate(0)}.mobile-menu{align-items:center;display:flex;flex-direction:column;gap:60px;padding-left:0}.mobile-menu li{color:var(--color-quaternary);font-size:30px;list-style:none}.mobile-menu li .mobile-menu-anchor{color:var(--color-quaternary);font-family:var(--font-family-primary);padding:15px;text-decoration:none;transition:color .3s ease-in-out}.github-icon-mobile,.linkedin-icon-mobile{height:30px}.resume-mobile{align-items:center;border-color:var(--color-quaternary);border-radius:12px;border-style:solid;border-width:2px;display:flex;font-family:var(--font-family-primary);padding:6px 12px;text-decoration:none}.resume-mobile-text{color:var(--color-quaternary);cursor:pointer;font-family:inherit;font-size:inherit;padding-bottom:1px}.resume-new-tab{height:18px;margin-left:10px;width:18px}}.movement{stroke:var(--color-tertiary)}.background[data-v-07bab538]{background:#242200;background:linear-gradient(90deg,var(--0a56e106),var(--0a56e106) 58%,var(--0a56e104) 0,var(--0a56e104) 72.5%,var(--0a56e0fa) 0,var(--0a56e0fa))}.content[data-v-07bab538]{display:flex;flex-direction:column;gap:var(--content-gap);margin:0 auto;max-width:1000px}.hero{align-items:center;display:flex;height:var(--desktop-hero-height);max-width:1000px}.hero-inner{display:grid;grid-template-areas:"wave header" ". sub-header";margin-bottom:10vw;width:59%;z-index:11}.hero-header-wrapper{grid-area:header}.hero-header-wrapper h1{display:inline;font-size:3.5rem;line-height:1;margin:0 0 20px}.period{color:var(--color-secondary);font-size:3.5rem;margin-left:10px}.h1-br{display:none}.hero-sub-header-wrapper{grid-area:sub-header}.hero-sub-header{color:var(--color-quaternary);font-family:Varela,sans-serif;font-size:25px;line-height:1.5;margin-top:20px}.hero-inner br{margin-bottom:10px}#hand{grid-area:wave;height:109px;margin-right:20px}.wave{animation:wave 1.75s ease-in-out 0s 1 normal none}@keyframes wave{0%,to{transform:rotate(0);transform-origin:50% 50%}10%{transform:rotate(8deg)}20%,40%,60%{transform:rotate(-10deg)}30%,50%,70%{transform:rotate(10deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}}@media only screen and (max-width:1200px){.hero-inner{grid-template-areas:"wave header" ". sub-header";grid-template-columns:1fr auto;max-width:58%}#hand{height:80px;justify-self:right;margin-bottom:10px;margin-top:30px}.h1-br{display:block}.hero-header-wrapper{text-align:left}.hero-sub-header-wrapper{max-width:260px;text-align:left}.hero-sub-header{font-size:22px}}@media only screen and (max-width:900px){.hero-inner{grid-template-areas:". wave" ". header" ". sub-header";grid-template-columns:1fr auto}#hand{height:60px;justify-self:center;margin:0 0 10px}.hero-header-wrapper,.hero-sub-header{text-align:center}}@media only screen and (max-width:700px){.hero{height:var(--mobile-hero-height)}.hero-header-wrapper h1,.period{font-size:3rem}.hero-sub-header{font-size:22px}}@media only screen and (max-width:550px){.hero-inner{padding:5px}.hero-header-wrapper h1,.period{font-size:2.5rem}.hero-sub-header{font-size:20px}}.example{background-color:var(--color-quaternary);border:5px solid var(--color-quaternary);border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.example:before{background-color:var(--color-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease-in-out}.example:hover:before{opacity:10%}.example-overlay{align-items:center;background-color:var(--color-quaternary);border-radius:500px;color:var(--color-quaternary);display:flex;font-family:var(--font-family-secondary);font-size:1.5rem;font-weight:700;height:75px;justify-content:center;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out,top .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out;width:75px}.example:hover .example-overlay{background-color:var(--color-quaternary);color:var(--color-primary);top:50%;transform:translate(-50%,-50%) scale(1)}.example img{height:inherit;max-height:inherit;max-width:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;width:inherit}@media only screen and (max-width:700px){.example-overlay,.example:before{transition-property:none}.example-overlay{color:var(--color-primary);top:50%;transform:translate(-50%,-50%) scale(1)}.example:hover:before{opacity:0}}.tools-wrapper{padding-left:var(--spacing)}.tools-wrapper h3{margin-bottom:20px;margin-top:60px}.tools{display:flex;flex-wrap:wrap;gap:20px}.tool{background-color:var(--color-tertiary);border-left:12px solid var(--color-secondary);border-radius:12px;display:inline-block;font-family:var(--font-family-secondary);padding:10px 20px 10px 15px}.tool p{color:var(--color-quinary);font-size:18px}@media only screen and (max-width:1020px){.tools{gap:16px}.tool{padding:8px 12px 8px 9px}.tool p{font-size:16px}}@media only screen and (max-width:700px){.tools-wrapper{padding-left:0}.tools{gap:15px}.tool{padding:5px 12px 5px 7px}}@media only screen and (max-width:550px){.tools{gap:5px}.tools-wrapper h3{font-size:1.4rem}}.work-header-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.work-header-wrapper h2{grid-column:1;grid-row:1;margin-left:var(--spacing)}.work-wrapper{display:grid;grid-template-columns:var(--spacing) 1fr 30px 1fr;grid-template-rows:auto 150px var(--canvas-stroke-width) 150px auto}.work-canvas-wrapper{grid-column:1/7;grid-row:1/span 3;position:relative}#work-canvas{display:block;height:100%;max-width:100%;position:absolute}.work-subheader{align-items:center;display:flex;grid-column:2/7;grid-row:1;justify-content:right;margin-bottom:10px;margin-top:15px;text-align:right;z-index:11}.example-1{grid-column:2}.example-1,.example-2{grid-row:2/5;position:relative}.example-2{grid-column:4}.work-tools{grid-column:1/7;grid-row:5}@media only screen and (max-width:700px){.work-header-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.work-header-wrapper h2{grid-column:1;grid-row:1;margin-left:15%}.work-wrapper{grid-template-columns:1fr;grid-template-rows:auto 250px 40px 250px auto}.work-canvas-wrapper{grid-column:1;grid-row:1/7}.work-subheader{grid-column:1;grid-row:1}.example-1{grid-column:1;grid-row:2}.example-2{grid-column:1;grid-row:4}.example-3{grid-column:1;grid-row:6}.work-tools{grid-column:1;grid-row:7}}@media only screen and (max-width:550px){.work-subheader h3{font-size:1.3rem}}.about-wrapper{display:grid;grid-template-columns:45% 55%;grid-template-rows:auto minmax(0,1fr)}.about-header{grid-column:2;grid-row:1;margin-left:20px;text-align:left}.about-canvas-wrapper{grid-column:1/3;grid-row:2;max-height:100%;position:relative}#about-canvas{display:block;max-height:105%;position:absolute;width:100%}.about-img{align-self:end;grid-column:1;grid-row:1/3;min-height:10px;overflow:hidden}.about-img svg{margin-bottom:-60px;width:100%}.about-subheader{color:var(--color-quinary);font-size:2.2rem;line-height:2;margin-bottom:0;margin-top:0}.about-subheader,.about-subheader-tag{font-family:var(--font-family-primary)}.about-subheader-tag{font-size:1.4rem}.about-text{align-self:start;grid-column:2;grid-row:2;min-width:10px;padding:20px 20px 30px;z-index:10}@media only screen and (max-width:900px){.about-wrapper{display:grid;grid-template-rows:auto minmax(0,1fr)}.about-text{padding:var(--padding)}}@media only screen and (max-width:700px){.about-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr 5px 1fr}.about-header{grid-column:1;grid-row:1}.about-canvas-wrapper{grid-column:1;grid-row:2/6}.about-img{align-items:center;align-self:end;display:flex;grid-column:1;grid-row:3/6;justify-content:center;overflow:hidden;padding:5% 5% 0}.about-img svg{width:80%}.about-text{grid-column:1;grid-row:2;padding-right:0}}@media only screen and (max-width:550px){.about-img{padding:5% 0 0}}.mailto-svg{align-self:center;height:1.5rem}.contact-wrapper{display:grid;grid-template-columns:auto;grid-template-rows:auto auto 1fr var(--canvas-stroke-width) 1fr}.contact-header{grid-column:1;grid-row:1;text-align:center}.contact-text-wrapper{grid-column:1;grid-row:2;padding:var(--padding);z-index:10}.contact-canvas-wrapper{grid-column:1;grid-row:2/5;position:relative}#contact-canvas{height:100%;max-width:100%;position:absolute}.contact-subheader{color:var(--color-quinary);font-family:var(--font-family-primary);font-size:2.2rem;line-height:2;margin-bottom:0;margin-top:0}.contact-button{border:5px solid var(--color-secondary);border-radius:12px;box-sizing:border-box;display:block;grid-column:1;grid-row:3/6;height:100%;margin:0 auto;overflow:hidden;text-decoration:none;z-index:50}.contact-mailto{align-items:center;background-color:var(--color-quaternary);color:var(--color-primary);display:flex;font-family:var(--font-family-primary);height:100%;max-width:600px;padding:10px 25px;position:relative}.contact-mailto p{color:var(--color-primary);font-size:1.5rem;transition:color .25s ease-in-out;z-index:10}.mailto-icon{margin-left:.75rem;z-index:10}.mailto-icon path{fill:var(--color-primary);transition:fill .25s ease-in-out}.background-hover{background-color:var(--color-quinary);height:100%;left:0;position:absolute;top:0;transition:width .3s ease-in-out;width:0;z-index:5}.contact-button:hover .background-hover{width:100%}.contact-button:hover p{color:var(--color-primary-loud)}.contact-button:hover .mailto-icon path{fill:var(--color-primary-loud)}@media only screen and (max-width:700px){.mailto-svg{height:1.35rem}.contact-mailto p{font-size:1.35rem}}@media only screen and (max-width:5500px){.mailto-svg{height:1.25rem}.contact-mailto p{font-size:1.25rem}}@media only screen and (max-width:900px){.mountains-top{margin-left:-117px;margin-right:-50px}}@media only screen and (max-width:700px){.mountains-top{margin-left:-208px;margin-right:-100px}}@media only screen and (max-width:900px){.mountains-bottom{margin-left:-117px;margin-right:-50px}}@media only screen and (max-width:700px){.mountains-bottom{margin-left:-208px;margin-right:-100px}}.new-tab-icon path{fill:var(--color-quinary)}.new-tab-icon{height:.75rem;margin-left:5px}.footer{padding:calc(var(--spacing)/2);text-align:center}.footer p{font-size:1rem}.layout-wrapper{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto auto auto;overflow:hidden}.layout-hero,.layout-mountains-top{grid-column:1;grid-row:1}.layout-mountains-top{align-self:end}.layout-background,.layout-mountains-bottom{grid-column:1;grid-row:2}.layout-background{padding:var(--content-gap) var(--content-padding) calc(var(--content-gap) + 70px)}