.bold{font-weight:700}.large{font-size:xx-large}.text-highlight{background-blend-mode:lighten;background-position:0 0;background-repeat:no-repeat;background-size:100%;transition:background-size .5s}.text-highlight-white{background-image:linear-gradient(0deg,#fff 85%,#0000 0)}.text-highlight-yellow{background-image:linear-gradient(0deg,#e9c46a 85%,#0000 0)}.text-highlight-green{background-image:linear-gradient(0deg,#2a9d8f 85%,#0000 0)}.text-highlight-orange{background-image:linear-gradient(0deg,#f4a261 85%,#0000 0)}.text-highlight-clear{background-image:linear-gradient(0deg,#e8e8e8 85%,#0000 0)}.text-highlight-red{background-image:linear-gradient(0deg,#e76f51 85%,#0000 0)}.text-highlight-blue{background-image:linear-gradient(0deg,#264653 85%,#0000 0)}.app-link{text-underline-offset:4pt;color:#e8e8e8;width:100%;font-size:large;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:2px;transition:all .1s ease-in-out;display:block}.app-link-yellow:hover{text-underline-offset:-14pt;color:#e9c46a;transition:all .1s ease-in-out}.app-link-red:hover{text-underline-offset:-14pt;color:#e76f51;transition:all .1s ease-in-out}.name{text-align:start;float:inline-end;letter-spacing:clamp(-7px,-1vw,0px);flex-wrap:wrap;width:auto;font-size:clamp(12pt,20vw,96pt);line-height:clamp(34px,20vw,125px);display:flex}.name h1{margin-right:2rem;font-weight:600}.name h2{font-weight:300}.name-container{margin-top:50px;margin-left:50px}.landing-container{place-content:space-between start;width:80%;height:100%;display:grid}.landing{color:#e8e8e8;text-align:start;letter-spacing:-5px;width:auto;margin-bottom:50px;margin-left:50px;font-size:36pt;font-weight:300;line-height:48px;display:grid}.landing .main{flex-direction:row;justify-content:flex-start;align-items:center;font-weight:500;display:flex}.landing .main .strip{margin-top:27px}.landing .secondary{font-weight:200}.about-me{color:#3d3d3d;padding-inline:2.5rem;display:grid}.about-me-heading{text-align:center;float:inline-end;letter-spacing:clamp(-7px,-1vw,0px);margin:30px 30px 15px;font-size:clamp(12pt,20vw,96pt);font-weight:300;line-height:clamp(34px,20vw,125px)}.about-me-p1{text-align:start;letter-spacing:-1.5px;float:inline-end;margin-right:15px;font-size:22pt;font-weight:300;line-height:24pt}.about-me-p2{text-align:end;letter-spacing:-1pt;float:inline-start;margin:10px;font-size:20pt;font-weight:200;line-height:24pt}.story-cover{justify-content:space-between;align-items:center;display:flex}.story-body-main{letter-spacing:-.6pt;text-align:start;margin-bottom:3rem;font-size:20pt;font-weight:300;line-height:24pt}.story-body-bold{letter-spacing:-.2pt;text-align:center;font-size:18pt;font-weight:600;line-height:24pt}.story-title-main{letter-spacing:-1.5pt;margin:50px;font-size:30pt;font-weight:200;line-height:30pt}.story-title-bold{font-weight:600}.about-list{width:max-content;height:fit-content}.work-body-container{margin-top:15px}.work{letter-spacing:-7px;width:auto;font-size:60pt;line-height:54pt}.work h1{font-weight:600}.work h2{margin-bottom:2rem;font-weight:300}.work-subtitle{margin-top:1.5rem;margin-bottom:1rem;font-size:xx-large;font-weight:700}.work-body{font-size:large;font-weight:200}.workPage{z-index:1;margin-inline:15vw;justify-items:start;margin-top:3rem;display:grid;position:relative}.what-i-do-container{grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:80px;height:fit-content;margin-top:80px;display:grid}@media (max-width:560px){.name-container{margin-top:15px;margin-left:15px}.work{letter-spacing:-6px;font-size:50pt;line-height:46pt}.landing{letter-spacing:-4.5px;margin-bottom:15px;margin-left:15px;margin-right:15px;font-size:32pt;font-weight:300;line-height:40px;display:grid}.about-me{z-index:1;padding-inline:7vw;position:relative}.about-me-heading{letter-spacing:-.5vw;margin-top:10vw;font-size:12vw}.about-me-p1{margin:4vw;font-size:6vw;line-height:6.5vw}.about-me-p2{letter-spacing:-.5pt;margin:3vw;font-size:4.2vw;line-height:5vw}.story-title-main{letter-spacing:-1.5pt;margin:15px;font-size:24pt;line-height:24pt}.story-body-main{letter-spacing:-.2pt;text-align:start;font-size:16pt;line-height:19pt}.story-body-bold{text-align:center;font-size:6vw;line-height:6vw}.workPage{margin-inline:5vw;margin-top:1rem}.about-list{display:none}.what-i-do-container{height:100%;max-height:244px;margin-top:0;display:flex}}
.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.middle{top:50%;transform:translateY(-50%)}.top{top:0}.left{left:0}.bottom{bottom:0}.right{right:0}.about-icon-container{justify-content:space-evenly;align-items:center;gap:2rem;display:flex}.arrow{z-index:10;align-items:center;width:100px;height:auto;margin:50px;display:flex}.arrow-deck{place-content:space-between center;width:20%;height:100%;display:grid}.arrow-back{margin-bottom:15px}.about-icon{width:48px;height:auto;display:block}@media (max-width:560px){.arrow{width:50px;margin:5px}.arrow-back{margin-bottom:12px}.about-icon-container{gap:2rem}}
.app-link-animation a{color:#e8e8e8;transition:all .1s ease-in-out}.app-link-animation-yellow a:hover{color:#e9c46a;transition:all .1s ease-in-out}.app-link-animation-red a:hover{color:#e76f51;transition:all .1s ease-in-out}.phone-size{max-width:285px;height:auto}.phone-size-rotate{width:auto;height:auto;max-height:max-content}.space-between{align-content:space-between;display:grid}.flex-between{justify-content:space-between;display:flex}.flex-center{flex-wrap:wrap;justify-content:center;display:flex}.grid-scroll{scroll-snap-type:y mandatory;display:grid}.window-snap{scroll-snap-align:center}.slide-down{transition:transform .5s ease-in-out;transform:translateY(100vh)}.slide-up{transition:transform .5s ease-in-out;transform:translateY(-100vh)}.slide-right{transition:transform .5s ease-in-out;transform:translate(100vw)}.slide-left{transition:transform .5s ease-in-out;transform:translate(-100vw)}.opacity-out{opacity:0;transition:opacity 1s ease-in-out}.wave-opacity{opacity:1;animation-name:waveOpacity;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1s}@keyframes waveOpacity{20%{opacity:1}45%{opacity:0}55%{opacity:0}80%{opacity:1}}@media (max-width:460px){.phone-size{max-width:200px}}