@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/3fe0c37ce42eed87-s.3p5eday94yd-4.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/02adf4530898f811-s.066bjbm5i19v_.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/8977c1cd2337358b-s.3le20i-q6iq1d.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/81b6a121427f6096-s.20rerpx5ni1b9.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/224c524ea68f4a61-s.1vtk-5-2f64np.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f2cfe3151537ae33-s.p.2ccnl8wncv_qb.woff2?dpl=dpl_Ch45Hx4cKrtthZUmZxpx8nDAPaeL)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_9c0b8bc7-module__R-oCaq__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal;font-weight:400}.ibm_plex_sans_9c0b8bc7-module__R-oCaq__variable{--font-ibm-plex-sans:"IBM Plex Sans", "IBM Plex Sans Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#014d4e;--secondary-color:#ff9408;--secondary-color-m:#ff94088e;--tertiary-color:#017374;--tertiary-color-m:#01737498;font-size:62.5%}.body{font-family:var(--font-ibm-plex-sans),sans-serif;line-height:1.8;display:flex}li{list-style:none}a:link,a:visited{color:#fff;font-size:1.5rem;text-decoration:none}.inline-link:hover,.inline-link:active{font-size:110%}.side-nav{height:100vh;position:sticky;top:0;left:0}.side-nav__content{flex-direction:column;justify-content:space-between;height:100%;display:flex}#profilePic{object-fit:cover;width:calc(3vw + 3vh)}.side-nav__content--social{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.side-nav__content--social a{color:#fff;padding-bottom:calc(2rem + .66667vw);font-size:calc(1rem + .66667vw);transition:color .35s cubic-bezier(.68,-.55,.265,1.55)}.side-nav__content--social a:hover,.side-nav__content--social a:active{color:var(--secondary-color)}header.header{z-index:2;height:calc(3vw + 3vh)}nav#header__main-nav{height:100%}ul.header__main-nav--links{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}ul.header__main-nav--links li{padding-right:3vw}ul.header__main-nav--links li a{padding:.2rem .6rem;font-size:calc(1rem + .66667vw);position:relative}ul.header__main-nav--links li a:link:before,ul.header__main-nav--links li a:visited:before,ul.header__main-nav--links li a:link:after,ul.header__main-nav--links li a:visited:after{content:"";background-color:#fff;width:100%;height:.3rem;transition:transform .6s cubic-bezier(1,0,0,1);position:absolute;left:0;transform:scaleX(0)}ul.header__main-nav--links li a:link:before,ul.header__main-nav--links li a:visited:before{transform-origin:0;top:0}ul.header__main-nav--links li a:link:after,ul.header__main-nav--links li a:visited:after{transform-origin:100%;bottom:0}ul.header__main-nav--links li a:hover:before,ul.header__main-nav--links li a:active:before,ul.header__main-nav--links li a:hover:after,ul.header__main-nav--links li a:active:after{transform:scaleX(1)}#active{border-bottom:3px solid #fff}#active:hover:before,#active:active:before,#active:hover:after,#active:active:after{transform:scaleX(0)}#body-home,#sideNav-home{background-color:var(--primary-color)}#header-home{background-color:var(--secondary-color)}section#showcase{background-image:url(/homeHero.jpg);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:flex-start;align-items:center;height:100vh;display:flex}div.showcase__content{background-color:var(--secondary-color-m);flex-direction:column;justify-content:space-between;height:calc(5rem + 20vmax);padding:calc(1rem + 2vw);animation:2s cubic-bezier(.68,-.55,.27,1.55) hero;display:flex}@keyframes hero{0%{opacity:0;transform:translate(100rem)rotate(360deg)}to{opacity:1;transform:translate(0)}}.showcase__content--title{color:#fff;font-size:calc(2rem + 3vw)}.showcase__content--para{font-family:var(--font-ibm-plex-sans),sans-serif;color:#fff;font-size:calc(1.5rem + 1vw)}.showcase__content--link:link,.showcase__content--link:visited{text-transform:uppercase;letter-spacing:.2rem;z-index:1;width:9rem;padding:1rem 0;font-size:1.5rem;font-weight:600;transition:all .5s ease-in-out;position:relative}.showcase__content--link:link:after,.showcase__content--link:visited:after{content:"";background-color:var(--primary-color);transform-origin:100%;z-index:-1;width:100%;height:100%;transition:transform .45s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:0;transform:scaleX(0)}.showcase__content--link:hover:after,.showcase__content--link:active:after{transform-origin:0;transform:scaleX(1)}#body-about{background-color:var(--secondary-color);min-height:100vh}#header-about,#sideNav-about{background-color:var(--primary-color)}section#about-me{background-color:var(--secondary-color);flex-wrap:wrap;justify-content:space-around;align-items:center;padding:2rem;display:flex}.about-me__img,.about-me__content{flex-grow:1;flex-basis:40rem;padding:2rem}.about-me__img img{object-fit:cover;border-radius:1rem;width:100%;height:100%}.about-me__content--title{color:#fff;text-transform:uppercase;padding:1rem 0;font-size:4rem;position:relative}.about-me__content--title:after{content:"";background-color:var(--primary-color);width:10%;height:.3rem;position:absolute;bottom:0;left:0}.about-me__content--title,.about-me__content--para{letter-spacing:.2rem;margin-bottom:4rem}.about-me__content--para{font-size:1.8rem;font-family:var(--font-ibm-plex-sans),sans-serif}.about-me__content--link:link,.about-me__content--link:visited{letter-spacing:.2rem;text-transform:uppercase;z-index:1;padding:1rem 0;font-size:1.5rem;font-weight:600;position:relative}.about-me__content--link:link:after,.about-me__content--link:visited:after{content:"";background-color:var(--primary-color);transform-origin:bottom;z-index:-1;width:100%;height:100%;transition:transform .45s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:0;transform:scaleY(0)}.about-me__content--link:hover:after,.about-me__content--link:active:after{transform-origin:top;transform:scaleY(1)}#body-projects{background-color:var(--secondary-color);min-height:100vh}#header-projects,#sideNav-projects{background-color:var(--primary-color)}section#work{background-color:var(--secondary-color);padding:calc(2.5rem + 2vw) calc(1.5rem + 2vw) calc(4rem + 3vw)}.work__intro{max-width:108rem;margin:0 auto 4.5rem;padding:0 .5rem}.work__intro--eyebrow{letter-spacing:.3rem;text-transform:uppercase;color:var(--primary-color);font-size:1.4rem;font-weight:600}.work__intro--title{color:#fff;margin:.6rem 0 1.4rem;font-size:calc(3.5rem + 2vw);line-height:1.05}.work__intro--lede{color:#ffffffeb;max-width:58rem;font-size:1.9rem;line-height:1.6}.work__grid{grid-template-columns:repeat(auto-fill,minmax(33rem,1fr));gap:calc(2rem + 1vw);max-width:108rem;margin:0 auto;display:grid}.work__card{color:#21201d;background-color:#fffdf8;border-radius:1.4rem;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 1rem 2.5rem #0000002e}.work__card--media{aspect-ratio:16/10;background-color:#e9e6df;position:relative;overflow:hidden}.work__card--media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .45s}.work__card--body{flex-direction:column;flex:1;padding:2.2rem 2.2rem 2.4rem;display:flex}.work__card--year{letter-spacing:.2rem;text-transform:uppercase;color:var(--tertiary-color);font-size:1.3rem;font-weight:600}.work__card--title{color:var(--primary-color);margin:.4rem 0 .8rem;font-size:2.6rem;line-height:1.15}.work__card--tagline{color:#4a4a45;margin-bottom:1.8rem;font-size:1.6rem;line-height:1.55}.work__card--stack{flex-wrap:wrap;gap:.6rem;margin-top:auto;margin-bottom:1.8rem;display:flex}.work__card--stack li{color:var(--primary-color);white-space:nowrap;background-color:#014d4e17;border-radius:100px;padding:.4rem .9rem;font-size:1.2rem}.work__card--stack__more{color:#8a8a80;background-color:#0000}.work__card--cta{letter-spacing:.05rem;text-transform:uppercase;color:var(--secondary-color);font-size:1.5rem;font-weight:600}.work__card--cta span{transition:transform .3s;display:inline-block}.work__card:hover,.work__card:focus-visible{transform:translateY(-.6rem);box-shadow:0 1.8rem 3.5rem #00000047}.work__card:hover .work__card--media img,.work__card:focus-visible .work__card--media img{transform:scale(1.04)}.work__card:hover .work__card--cta span,.work__card:focus-visible .work__card--cta span{transform:translate(.4rem)}@media screen and (max-width:610px){.work__grid{grid-template-columns:1fr}}#body-projects-detail{background-color:var(--primary-color);min-height:100vh}#body-projects-detail .side-nav__content--social a:hover,#body-projects-detail .side-nav__content--social a:active{color:var(--secondary-color)}#header-projects-detail,#sideNav-projects-detail{background-color:var(--secondary-color)}.project{color:#f4f1ea}.project__inner{max-width:84rem;margin:0 auto;padding:calc(2rem + 2vw) calc(1.5rem + 2vw) calc(5rem + 3vw)}.project__back{letter-spacing:.03rem;margin-bottom:3rem;font-size:1.5rem;transition:color .25s;display:inline-block}.project__back:link,.project__back:visited{color:#f4f1eab8;font-size:1.5rem}.project__back:hover{color:var(--secondary-color)}.project__hero{border-bottom:1px solid #f4f1ea26;margin-bottom:4.5rem;padding-bottom:3.5rem}.project__meta{letter-spacing:.15rem;text-transform:uppercase;color:var(--secondary-color);align-items:center;gap:.9rem;font-size:1.4rem;font-weight:600;display:flex}.project__meta--dot{opacity:.6}.project__title{color:#fff;margin:1rem 0 1.4rem;font-size:calc(3.4rem + 2.5vw);line-height:1.05}.project__tagline{color:#f4f1ead9;max-width:52rem;font-size:calc(1.8rem + .4vw);line-height:1.5}.project__stack{flex-wrap:wrap;gap:.8rem;margin-top:2.6rem;display:flex}.project__stack li{color:#f4f1ea;white-space:nowrap;background-color:#f4f1ea1a;border:1px solid #f4f1ea29;border-radius:100px;padding:.5rem 1.1rem;font-size:1.3rem}.project__links{flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem;display:flex}.project__link{letter-spacing:.03rem;border:1.5px solid #f4f1ea66;border-radius:100px;padding:1rem 1.9rem;font-size:1.6rem;font-weight:600;transition:all .25s}.project__link:link,.project__link:visited{color:#f4f1ea;font-size:1.6rem}.project__link:hover{background-color:#f4f1ea14;border-color:#f4f1ea}.project__link--primary{background-color:var(--secondary-color);border-color:var(--secondary-color)}.project__link--primary:link,.project__link--primary:visited{color:#1c1a17}.project__link--primary:hover{background-color:#ffa62b;border-color:#ffa62b}.project__section{margin-bottom:5.5rem}.project__section--heading{letter-spacing:.25rem;text-transform:uppercase;color:var(--secondary-color);align-items:center;gap:1.4rem;margin-bottom:2.4rem;font-size:1.5rem;font-weight:600;display:flex}.project__section--heading:after{content:"";background-color:#f4f1ea26;flex:1;height:1px}.project__prose{max-width:62rem}.project__prose p{color:#f4f1eae6;font-size:1.9rem;line-height:1.7}.project__prose p+p{margin-top:1.6rem}.project__highlight-list{grid-template-columns:repeat(auto-fit,minmax(29rem,1fr));gap:2rem;display:grid}.project__highlight{background-color:#ffffff0d;border:1px solid #f4f1ea1a;border-radius:1.2rem;padding:2.4rem}.project__highlight--title{color:#fff;margin-bottom:1rem;font-size:1.9rem;line-height:1.3}.project__highlight--body{color:#f4f1ead1;font-size:1.6rem;line-height:1.65}.project__shots{flex-direction:column;gap:3.5rem;display:flex}.project__shot img{border:1px solid #f4f1ea26;border-radius:1rem;width:100%;height:auto;display:block;box-shadow:0 1.5rem 4rem #00000059}.project__shot figcaption{text-align:center;color:#f4f1eab3;margin-top:1.4rem;font-size:1.5rem;font-style:italic;line-height:1.5}.project__outro{justify-content:center;margin-top:5rem;display:flex}.skills__frontend,.skills__backend,.skills__other{flex-grow:1;flex-basis:40rem;padding:calc(1rem + 2vw)}.skills__frontend--title,.skills__backend--title,.skills__other--title{text-transform:uppercase;margin-bottom:2rem;font-size:3rem}.skills__frontend h4,.skills__backend h4,.skills__other h4{color:#fff;font-size:2rem}.skills__frontend--progress,.skills__backend--progress,.skills__other--progress{background-color:var(--primary-color);border-radius:3rem;width:100%;margin-bottom:2rem;padding:.5rem;display:block;position:relative}.skills__frontend--progress span,.skills__backend--progress span,.skills__other--progress span{vertical-align:middle;background-color:var(--secondary-color);border-radius:1rem 0 0 1rem;height:2rem;display:inline-block;position:relative}.skills__frontend--progress__1{animation:7s cubic-bezier(.5,.5,.5,1) infinite frontend-1}@keyframes frontend-1{0%{width:0}60%,80%,to{width:98%}}.skills__frontend--progress__2{animation:7s cubic-bezier(.5,.5,.5,1) infinite frontend-2}@keyframes frontend-2{0%{width:0}60%,80%,to{width:98%}}.skills__frontend--progress__3{animation:7s cubic-bezier(.5,.5,.5,1) infinite frontend-3}@keyframes frontend-3{0%{width:0}60%,80%,to{width:87%}}.skills__frontend--progress__4{animation:7s cubic-bezier(.5,.5,.5,1) infinite frontend-4}@keyframes frontend-4{0%{width:0}60%,80%,to{width:95%}}.skills__frontend--progress__5{animation:7s cubic-bezier(.5,.5,.5,1) infinite frontend-5}@keyframes frontend-5{0%{width:0}60%,80%,to{width:75%}}.skills__backend--progress__1{animation:7s cubic-bezier(.5,.5,.5,1) infinite backend-1}@keyframes backend-1{0%{width:0}60%,80%,to{width:75%}}.skills__backend--progress__2{animation:7s cubic-bezier(.5,.5,.5,1) infinite backend-2}@keyframes backend-2{0%{width:0}60%,80%,to{width:80%}}.skills__backend--progress__3{animation:7s cubic-bezier(.5,.5,.5,1) infinite backend-3}@keyframes backend-3{0%{width:0}60%,80%,to{width:75%}}.skills__other--progress__1{animation:7s cubic-bezier(.5,.5,.5,1) infinite other-1}@keyframes other-1{0%{width:0}60%,80%,to{width:75%}}.skills__other--progress__2{animation:7s cubic-bezier(.5,.5,.5,1) infinite other-2}@keyframes other-2{0%{width:0}60%,80%,to{width:85%}}.skills__other--progress__3{animation:7s cubic-bezier(.5,.5,.5,1) infinite other-3}@keyframes other-3{0%{width:0}60%,80%,to{width:95%}}.skills__other--progress__4{animation:7s cubic-bezier(.5,.5,.5,1) infinite other-4}@keyframes other-4{0%{width:0}60%,80%,to{width:80%}}#body-skills{background-color:var(--tertiary-color);min-height:100vh}#body-skills .side-nav__content--social a:hover,#body-skills .side-nav__content--social a:active{color:var(--primary-color)}#header-skills,#sideNav-skills{background-color:var(--secondary-color)}section#skills{flex-wrap:wrap;justify-content:center;align-items:center;padding:calc(1rem + 2vw);display:flex}#body-contact{background-color:var(--primary-color)}#body-contact .side-nav__content--social a:hover,#body-contact .side-nav__content--social a:active{color:var(--secondary-color)}#header-contact{background-color:var(--secondary-color)}#sideNav-contact{background-color:var(--primary-color)}section#contact{background-image:url(/background-yosemite.jpeg);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:flex-end;align-items:flex-end;height:100vh;display:flex}.contact__form{background-color:var(--tertiary-color-m);flex-direction:column;flex-basis:40rem;display:flex}.contact__form input,.contact__form textarea{color:#fff;letter-spacing:.2rem;border:none;border-bottom:var(--secondary-color) solid .1rem;background:0 0;padding:2rem;font-family:Indie Flower,cursive;font-size:1.5rem}.contact__form textarea{height:30vh}input[type=submit]{cursor:pointer;border:none}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#fff}@media screen and (max-width:610px){header.header{position:absolute}nav#header__main-nav{background-color:var(--secondary-color);text-align:center;z-index:10;width:30rem;height:100%;position:fixed;top:0;right:-30rem}.clicked{left:55%}.header__main-nav--hamburger{cursor:pointer;background-color:var(--secondary-color);border-radius:50%;flex-direction:column;justify-content:space-around;width:5rem;height:5rem;padding:1rem;display:flex;position:fixed;top:2rem;right:3rem}#header-about .header__main-nav--hamburger,#header-projects .header__main-nav--hamburger,#header-about nav#header__main-nav,#header-projects nav#header__main-nav{background-color:var(--primary-color)}#header-about nav.clicked .header__main-nav--hamburger,#header-projects nav.clicked .header__main-nav--hamburger{background-color:var(--secondary-color)}#header-skills nav.clicked .header__main-nav--hamburger,#header-contact nav.clicked .header__main-nav--hamburger,#header-home nav.clicked .header__main-nav--hamburger,#header-projects-detail nav.clicked .header__main-nav--hamburger{background-color:var(--primary-color)}.line{background-color:#fff;border-radius:.2rem;width:100%;height:.3rem;transition:all .4s ease-in-out}ul.header__main-nav--links{flex-direction:column;justify-content:center;align-items:flex-start}ul.header__main-nav--links li{margin-bottom:4vh;margin-left:6vw}.clicked .line-1{transform:rotate(-405deg)translate(-.8rem,.6rem)}.clicked .line-2{opacity:0}.clicked .line-3{transform:rotate(405deg)translate(-.8rem,-.6rem)}ul.header__main-nav--links li{opacity:0}ul.header__main-nav--links li:first-child{transition:all .5s ease-in-out .2s}ul.header__main-nav--links li:nth-child(2){transition:all .5s ease-in-out .4s}ul.header__main-nav--links li:nth-child(3){transition:all .5s ease-in-out .6s}ul.header__main-nav--links li:nth-child(4){transition:all .5s ease-in-out .8s}ul.header__main-nav--links li:nth-child(5){transition:all .5s ease-in-out 1s}ul.header__main-nav--links li:nth-child(6){transition:all .5s ease-in-out 1.2s}ul.header__main-nav--links li.fade{opacity:1;transition:opacity .5s}section#showcase{background-position:80%;align-items:flex-end}}@media screen and (max-width:900px){section#showcase{background-position:100%;align-items:flex-end}}main{flex:1;min-height:100vh}