@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap";html{margin:0 auto;box-sizing:border-box;text-align:center;--light-green: #a2c787;--dark-green: #87b367;--light-blue: #b0d9ff;--dark-blue: #348ee2;--light-pink: #fe9db1;--dark-pink:#fe345d;--light-orange:#ffb887;--dark-orange: #ff9144;--darkgreen-yellow: #b1a816;--lightgreen-yellow: #e0dca3;--black: #272019;font-size:10px;font-family:Quicksand,sans-serif;letter-spacing:.07rem;height:100vh;width:100vw;background:#b0d9ff url(/portfolio-website/assets/noise-3b4f90d2.svg);overflow-x:hidden}body,.app{overflow-x:hidden}@media only screen and (min-width: 720px){html{font-size:18px}}@media only screen and (min-width: 960px){html{font-size:20px}}@media only screen and (min-width: 1240px){html{font-size:24px}}body{display:flex;justify-content:center;height:100vh;width:100vw;font-family:Quicksand,sans-serif;--title-font: 4rem;--subtitle-font: 2rem;--paragraph-font: 1rem;overflow-x:hidden}@keyframes cloudfloat{0%{transform:translate(0)}0%{transform:translateY(-10vh)}to{transform:translate(100vw,10vh)}}@keyframes cloudfloat2{0%{transform:translate(60vw)}0%{transform:translateY(-10vh)}to{transform:translate(-60vw,10px)}}@keyframes cloudfloat3{0%{transform:translate(0)}0%{transform:translateY(-10px)}to{transform:translate(2000px,10px)}}@keyframes cloudfloat4{0%{transform:translate(0)}0%{transform:translateY(-10px)}to{transform:translate(2000px,10px)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(100px)}}@keyframes float-nav{0%{opacity:0;transform:translate(100rem)}50%{opacity:.5;transform:translate(20rem)}to{opacity:1;transform:translate(0)}}@keyframes typewriter{0%{opacity:0;border-bottom:5px solid var(--deep-green)}25%{opacity:.5;color:transparent;border-bottom:.8rem solid var(--dark-blue)}50%{color:transparent;opacity:1}75%{opacity:.5}to{opacity:1;border-bottom:1rem solid var(--dark-pink)}}@keyframes renderText{0%{color:transparent}to{color:transparent}}@keyframes floatDown{0%{transform:rotate(0) translate(40vw,30vw)}25%{transform:rotate(-360deg) translate(10vw,60vw)}50%{transform:rotate(360deg) translate(70vw,90vw)}75%{transform:rotate(-360deg) translate(60vw,20vw)}to{transform:rotate(0) translate(100vw,60vw)}}@keyframes floatUp{0%{transform:rotate(0) translate(-20vw,-10vw)}25%{transform:rotate(-360deg) translate(-10vw,-60vw)}50%{transform:rotate(360deg) translate(-70vw,-90vw)}75%{transform:rotate(-360deg) translate(-60vw,-20vw)}to{transform:rotate(0) translate(-100vw,-60vw)}}@keyframes loadPage{0%{opacity:0;transform:translateY(-10rem)}25%{opacity:0;transform:translateY(-5rem)}50%{opacity:.4;transform:translateY(0)}75%{opacity:.75;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@keyframes renderContent{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes file{0%{transform:translateY(0)}50%{transform:translateY(-2rem)}to{transform:translateY(0)}}.app{width:100vw;height:100vh;overflow-x:hidden}nav{font-family:Cherry Bomb One,serif}.nav-mobile-menu{display:none}.home,.about-page,.project-page,.illustration-page{display:flex;justify-content:center;flex-flow:column nowrap;padding:1rem;padding-left:0;padding-right:0;margin:0;overflow-x:hidden}.project-page{margin:1rem}.home{display:flex;flex-flow:column nowrap;align-items:center;overflow-x:hidden}.home .title{animation:renderContent .2s ease-in,loadPage .7s ease-in-out .1s;align-self:flex-start;align-items:flex-start;padding:2rem;padding-bottom:0;padding-right:1rem;color:var(--black);font-weight:500;font-size:var(--subtitle-font);line-height:3.5rem;text-align:left}.title .title-span{font-family:Cherry Bomb One,serif;color:var(--vanilla);font-weight:700;font-size:5rem;letter-spacing:.2rem;line-height:6.5rem}.title-span span{box-shadow:0 0 5rem #f9a3fe58}#and{color:#dde3e6}.intro{opacity:0;animation:renderContent .5s ease-in,loadPage .7s ease-in-out .4s;margin:2rem 5rem 5rem;font-size:1.8rem;color:var(--black);padding:2rem;text-align:left;opacity:1;line-height:3.5rem;background-color:var(--light-orange);border-radius:1rem;border:.1rem solid var(--black);box-shadow:0 0 10rem #46a6ff7b}.home-image{width:0;position:relative}.home-image img{position:absolute;border:none;height:10rem;width:auto;top:-12rem;left:28rem}.home-skills-container{display:flex;flex-direction:column;align-items:space-between;align-self:flex-start}.home-page-skills{align-items:center;animation:renderContent .9s ease-in,loadPage .7s ease-in-out .8s;margin:1rem 5rem 5rem;font-size:1.8rem;color:var(--black);padding:2rem;line-height:3.5rem;opacity:1;text-align:left;background-color:var(--light-green);border-radius:1rem;border:.1rem solid var(--black);box-shadow:0 0 10rem #fe9db07f}.home-page-skills2{display:flex;flex-direction:column;align-items:center;animation:renderContent .9s ease-in,loadPage .7s ease-in-out .8s;margin:1rem 5rem 5rem;color:var(--black);padding:2rem;line-height:3.5rem;opacity:1;text-align:left;background-color:var(--light-blue);border-radius:1rem;border:.1rem solid var(--black);box-shadow:0 0 10rem #fe9db07f;font-size:1.8rem}.home-page-work{background-color:var(--light-pink);border-radius:1rem;border:.1rem solid var(--black);box-shadow:0 0 7rem #a2c787aa;color:var(--black);padding:2rem;font-size:1.8rem;line-height:3.5rem;text-align:left;margin:1rem 5rem 5rem}.figma-button{background-color:#fe486d}.about-page{display:flex;flex-flow:column nowrap;margin:1rem;max-width:100vw;padding-left:0;position:relative;z-index:0;overflow:visible}.about-page title{margin-top:2rem}.about-page span,.about-page h2{font-family:Cherry Bomb One,serif;letter-spacing:.2rem}.about-page span{font-size:4rem;font-weight:700}.about-page a{text-decoration:none}.about-intro{display:flex;justify-content:flex-start;flex-flow:column;align-items:left;font-size:1.35rem;padding-top:0;padding:2rem;background-color:var(--light-orange);border-radius:1.5rem;box-shadow:0 0 10rem #fa822c73;border:.1rem solid var(--black);text-align:left;max-width:33rem}.about-page .aboutme-title{line-height:3rem;padding-bottom:2rem;padding-left:2rem;max-width:30rem;font-size:2rem;text-align:left}.about-intro p{font-size:1.35rem;line-height:2.5rem}.about-skills{box-shadow:0 0 20rem #46a6ff72;border-radius:1.5rem;background-color:var(--lightgreen-yellow);padding:2rem;line-height:2.2rem;font-size:1.35rem;align-self:center;border:.1rem solid var(--black);text-align:left;margin:2rem}.about-skills:hover{transition:all .1s ease-in}.about-page div:nth-of-type(1){animation:renderContent .5s ease-in,loadPage .7s ease-in-out .4s}.about-page div:nth-of-type(2){animation:renderContent .65s ease-in,loadPage .7s ease-in-out .55s}.about-page div:nth-of-type(3){animation:renderContent .72s ease-in,loadPage .7s ease-in-out .68s}.about-page div:nth-of-type(4){animation:renderContent .78s ease-in,loadPage .7s ease-in-out .74s}footer{display:flex;flex-direction:column;align-items:flex-start;font-family:Cherry Bomb One,serif;background-image:url(/portfolio-website/assets/footerimage-8c2e46ce.svg);background-size:cover;background-position:top;background-repeat:no-repeat;font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:.2rem;position:relative;bottom:0;height:20rem;z-index:2}.linkedincontainer{padding-top:10rem;padding-left:4rem}.emailcontainer{padding-left:2rem}.linkedincontainer,.emailcontainer{display:flex;justify-content:flex-start;align-items:flex-end}footer a{color:#fff;text-decoration:none;font-size:1.3rem}footer a:hover{color:var(--off-white);text-decoration:none}.linkedin{background-image:url(/portfolio-website/assets/linkedin-svgrepo-com-7c54fbe5.svg);background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem;margin-right:2rem;filter:invert(41%) sepia(83%) saturate(289%) hue-rotate(191deg) brightness(86%) contrast(97%)}.emailcontainer{margin-right:2rem}.email{background-image:url(/portfolio-website/assets/email-svgrepo-com-921e5ea8.svg);background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem;filter:invert(64%) sepia(83%) saturate(386%) hue-rotate(11deg) brightness(100%) contrast(84%);margin-right:6rem}.email:hover{filter:invert(64%) sepia(83%) saturate(386%) hue-rotate(11deg) brightness(128%) contrast(84%)}.cloud1{width:7rem;position:absolute;left:0;animation:cloudfloat 30s linear infinite;z-index:-1}.cloud2{width:7rem;position:absolute;right:0;top:30rem;animation:cloudfloat2 60s linear infinite;z-index:-1;border:none}.cloud3{width:7rem;position:absolute;right:0;top:50vh;animation:cloudfloat2 60s linear infinite;z-index:-1;border:none}.cloud4{width:7rem;position:absolute;left:0;top:70vh;animation:cloudfloat 60s linear infinite;z-index:-1;border:none}.p,.p-projects,.a-about{color:transparent;animation:renderText .1s,typewriter .2s linear 10ms 1;color:var(--dark-blue)}.r,.r-projects,.b-about{color:transparent;animation:renderText .3s,typewriter .2s linear .3s 1;color:var(--dark-blue)}.o,.o-projects,.o-about{color:transparent;animation:renderText .5s,typewriter .2s linear .5s 1;color:var(--dark-blue)}.n,.j-projects,.u-about{color:transparent;animation:renderText .7s,typewriter .2s linear .7s 1;color:var(--dark-blue)}.t,.e-projects,.t-about{color:transparent;animation:renderText .9s,typewriter .2s linear .9s 1;color:var(--dark-blue)}.e,.c-projects,.space-about{color:transparent;animation:renderText 1.1s,typewriter .2s linear 1.1s 1;color:var(--dark-blue)}.n2,.t-projects,.m-about{color:transparent;animation:renderText 1.3s,typewriter .2s linear 1.3s 1;color:var(--dark-blue)}.d2,.s-projects,.e-about{color:transparent;animation:renderText 1.5s,typewriter .2s linear 1.5s 1;color:var(--dark-blue)}.e2{color:transparent;animation:renderText 1.7s,typewriter .2s ease-out 1.7s 1;color:var(--dark-blue)}.v{color:transparent;animation:renderText 1.9s,typewriter .2s ease-out 1.9s 1;color:var(--dark-blue)}.e3{color:transparent;animation:renderText 2.1s,typewriter .2s ease-out 2.1s 1;color:var(--dark-blue)}.l{color:transparent;animation:renderText 2.3s,typewriter .2s ease-out 2.3s 1;color:var(--dark-blue)}.o2{color:transparent;animation:renderText 2.5s,typewriter .2s ease-out 2.5s 1;color:var(--dark-blue)}.z{color:transparent;animation:renderText 2.7s,typewriter .2s ease-out 2.7s 1;color:var(--dark-blue)}.e4{color:transparent;animation:renderText 2.9s,typewriter .2s ease-out 2.9s 1;color:var(--dark-blue)}.r2{color:transparent;animation:renderText 9s,typewriter .2s ease-out 9s 1;color:var(--dark-blue)}.sub-nav{display:flex;justify-content:center;overflow:visible;padding:3rem;padding-bottom:0;text-decoration:none;top:3rem;z-index:1;margin-bottom:0}.sub-nav .web-dev-link,.illustration-link{text-decoration:none;font-weight:700;background-color:var(--light-orange);padding:1rem;padding-bottom:0;border-top-left-radius:1rem;border-top-right-radius:1rem;color:var(--black);border:.1rem solid var(--black);border-bottom:none;transition:all .75s ease-in-out}.web-dev-link:hover{padding-bottom:.2rem;font-weight:700;font-style:bold;color:#b94a01;background-color:#ff9e5d;box-shadow:0 0 10rem var(--dark-orange)}.sub-nav .product-link{text-decoration:none;font-weight:700;background-color:var(--light-blue);padding:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;color:var(--black);z-index:0;border:.1rem solid var(--black);border-bottom:none;padding-bottom:0;transition:all .75s ease-in-out}.product-link:hover{padding-bottom:.2rem;font-weight:700;font-style:bold;color:#064c8e;background-color:#94c2ed;box-shadow:0 0 5rem #76aee3}.sub-nav .illustration-link{text-decoration:none;font-weight:700;background-color:var(--light-green);padding:1rem 1rem .2rem;border-top-left-radius:1rem;border-top-right-radius:1rem;border:.1rem solid var(--black);border-bottom:none;color:var(--black);z-index:0;transition:all .75s ease-in-out}.illustration-link:hover{padding-bottom:.2rem;font-weight:700;font-style:bold;color:#33690c;background-color:#a8d785;box-shadow:0 0 5rem var(--dark-green)}.design-page{display:flex;flex-direction:column;margin:5rem 4.5rem 4.5rem;position:relative;z-index:0}.design-page .sub-nav{position:relative;top:.1rem;z-index:1;width:auto}.design-page .web-dev-link{border-bottom:.1rem solid var(--black);margin-bottom:.1rem;padding-bottom:.5rem}.design-page .illustration-link{border-bottom:.1rem solid var(--black);margin-bottom:.1rem}.design-page .product-link{border-bottom:.2rem solid #b0d9ff;z-index:6}.product-design-page{position:relative;z-index:-1;border-radius:1rem;padding:2rem;margin-top:0rem;background-color:#b0d9ff;border:.1rem solid var(--black);border-top:none;text-align:left;box-shadow:0 -.1rem var(--black);font-size:1.5rem;line-height:2.8rem}.product-design-page h2{text-align:left;font-size:2rem!important}.design-project h2{font-size:2rem;color:var(--black)}.prototype-container-of-container{align-self:center}.prototype-container{width:18rem;height:20rem;align-self:center}.prototype-img{position:relative;width:0;height:0;left:3rem}.starbucksimg,.proto-phone{position:absolute}.proto-phone{z-index:6;border:none;width:auto;height:19.5rem}.starbucksimg{border-radius:1rem;width:auto;left:.5rem;height:19rem}.starbucksimg,.shopify-logo{border:none}.shopify-logo{width:auto;height:auto;max-width:10rem}.design-project button,.letterboxd-button{cursor:pointer;padding:.5rem 1rem;border:.1rem solid var(--black);font-family:var(--paragraph-font);font-weight:700;background-color:var(--dark-pink);border-radius:.5rem;margin-left:1rem;font-size:1.25rem}.design-project button:hover{cursor:pointer;box-shadow:0 0 10rem #e17d35;transition:all .5s}.webdev-page{margin:5rem 4.5rem 4.5rem}.webdev-page .sub-nav{margin-left:.5rem}.webdev-page .product-link,.webdev-page .illustration-link{border-bottom:.1rem solid var(--black)}.webdev-page .web-dev-link{z-index:10;position:relative;top:.05rem}.webdev-container{display:flex;flex-flow:row wrap;background-color:var(--light-orange);border:.1rem solid var(--black);border-top:none;border-radius:1rem;margin-top:0;position:relative;z-index:-1;box-shadow:0 -.1rem var(--black)}.project-page .title{animation:renderContent .2s ease-in,loadPage .7s ease-in-out .1s;padding:2rem;padding-bottom:0;padding-right:1rem;color:var(--deep-green);font-weight:500;font-size:var(--subtitle-font);line-height:3.5rem;letter-spacing:2rem}.webdev-container section{display:flex;flex-flow:column nowrap;justify-content:space-around;padding:1rem;margin-top:1rem;margin-bottom:1rem;color:var(--black);text-decoration:none}.webdev-container button{cursor:pointer;padding:.5rem 1rem;width:9rem;border:.1rem solid var(--black);font-family:var(--paragraph-font);font-weight:700;background-color:var(--dark-pink);border-radius:.5rem;margin-left:0rem}.webdev-container span{color:#064c8e;text-decoration:underline;align-self:flex-end;padding-top:1rem}.webdev-container span:hover{color:#fe345d;transition:all 500 ease-in-out}.doodle-links{display:flex}a.doodle-link{margin-top:.8rem;margin-bottom:.3rem;padding:.3rem;font-size:.9rem;height:10vw;width:23vw;color:#faa3fe;font-weight:600}.doodle-link:nth-of-type(1){color:#caf3fc}a.doodle-link:hover{color:#b4a65e}.webdev-container p{font-weight:500;font-size:1.5rem;line-height:2rem}.webdev-container h2{text-decoration:none;font-size:2rem;font-weight:700;text-align:left;color:var(--off-white)}.webdev-container a:nth-of-type(1){animation:renderContent .5s ease-in,loadPage .7s ease-in-out .4s}.webdev-container a:nth-of-type(2){animation:renderContent .55s ease-in,loadPage .7s ease-in-out .5s}.webdev-container a:nth-of-type(3){animation:renderContent .62s ease-in,loadPage .7s ease-in-out .6s}.webdev-container a:nth-of-type(4){animation:renderContent .68s ease-in,loadPage .7s ease-in-out .65s}.webdev-container a:nth-of-type(5){animation:renderContent .74s ease-in,loadPage .7s ease-in-out .7s}.webdev-container a:nth-of-type(6){animation:renderContent .8s ease-in,loadPage .7s ease-in-out .75s}div img{width:20vw;height:20vw;border-radius:1rem;border:.1rem solid var(--black)}.hi-there{border:none;position:relative;width:10rem;z-index:4;transform:rotate(90deg);right:10rem;top:2rem}.profile-pic1{width:auto;height:16rem;border:none}.cloud1{border:none}.accordian-project h2,.accordian-project p,.todo-project h2,.todo-project p{color:var(--black)}.project-preview:hover{box-shadow:0 0 5rem #46a6ff;transform:scale(1.03);transition:all .5s ease-in-out;cursor:pointer}.webdev-page h2{color:var(--black);font-size:1.2rem}.webdev-container{display:flex;font-size:1.5rem;z-index:6}.illustration-page{display:flex;flex-direction:column;margin:5rem 4.5rem 4.5rem;overflow:visible;z-index:0;position:relative}.illustration-page .illustration-link{position:relative;z-index:5;transition:all .5s}.illustration-page .web-dev-link,.illustration-page .product-link{border-bottom:.1rem solid var(--black)}.illustration-page .illustration-link:hover{position:relative}.illustration-section{border:.1rem solid var(--black);border-radius:1rem;padding:2rem;margin-top:0;z-index:0;border-top:.1rem solid var(--black);border-top:none;box-shadow:0 -.1rem var(--black);background-color:var(--light-green)}.art-project{display:flex;flex-direction:column;align-items:center;padding:2rem;padding-left:0}.art-project h2{text-align:left;font-size:1.5rem}.art-project h3{text-align:left;font-size:1.2rem}.art-project p{align-self:flex-start;font-size:1rem}.brochure-design{display:flex}.brochure-design img{max-width:15rem}.brochure-column-2{display:flex;flex-direction:column}.illustration-section p{font-weight:500;text-align:left;font-size:.8rem;line-height:2rem}.illustration-section img{width:auto;height:auto;border-radius:.1rem;margin:.5rem;border:none}.appleorchard{margin:1rem;margin-top:3rem!important;height:4rem;width:20rem!important;border-radius:.1rem}.artworkimages img{padding:0;width:auto;height:auto;max-height:15rem}.artworkimages .pskyimg{padding:0;width:auto;height:auto;max-height:15rem;max-width:20rem;align-self:flex-start}.artworkimages{display:flex;justify-content:center;flex-flow:row wrap;align-items:baseline}.design-project{display:flex;flex-direction:column;padding:1rem;text-align:left}.design-project h2{font-size:1rem;color:var(--black)}.illustration-page a{align-self:left}.illustration-page button{cursor:pointer;padding:.5rem 1rem;width:8rem;border:.1rem solid var(--black);font-family:var(--paragraph-font);font-weight:700;background-color:var(--dark-pink);border-radius:.5rem;margin-bottom:2rem;font-size:.8rem}.illustration-page button:hover{cursor:pointer;background-color:var(--light-pink);box-shadow:0 0 10rem #e17d35;transition:all .5s}.webdev-container section{display:flex;flex-flow:column nowrap;justify-content:center;align-content:center;align-items:flex-start;padding:3rem;color:var(--black);text-decoration:none;text-align:left;z-index:6}.web-description{display:flex;flex-direction:column}.webdev-container button{cursor:pointer;padding:.5rem 1rem;width:auto;border:.1rem solid var(--black);font-family:var(--paragraph-font);font-weight:700;background-color:var(--dark-pink);border-radius:.5rem;margin-left:2rem}.webdev-container button:hover{cursor:pointer;background-color:var(--light-pink);box-shadow:0 0 10rem #e17d35;transition:all .5s}a.doodle-link{margin-top:0rem;margin-bottom:0rem;margin-left:0;margin-right:0;padding-bottom:0;padding:0rem;width:8.5vw;font-size:.5rem;height:2vw;color:var(--dark-pink);font-weight:600}.webdev-container p{max-width:70vw;font-size:1.25rem;line-height:2rem}.webdev-container h2{text-decoration:none;font-size:2rem;margin-right:3vw;margin-bottom:2rem;font-weight:700;color:var(--black)}.webdev-container img{width:20rem;height:20rem}.letterboxd-gif{border-radius:1.5rem;max-width:40rem;height:auto}@media (max-width: 770px){.mobile-menu{width:60%;height:100%;flex-direction:column;align-items:flex-end;z-index:20;position:fixed;top:0;right:0;padding-top:10rem;background-color:#f7cbcb8a;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);justify-content:flex-start;transform:translate(100rem);transition:transform .7s ease-in-out;overflow-x:hidden;border-left:.1rem solid var(--black)}.nav-links-mobile{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;padding-left:2rem;gap:6rem;font-size:3rem;font-weight:700;letter-spacing:.5rem}.nav-links-mobile a{padding:1rem;text-decoration:none}.projects-link,.home-link,.about-link{color:var(--black);transition:all .75s ease-in-out}.projects-link:hover,.projects-link:focus{transition:all .7s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:#064c8ea3;transform:scale(1.1);transition:all 1s ease-in-out}.about-link:hover,.about-link:focus{transition:all .7s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:#064c8ea3;transform:scale(1.1);transition:all 1s ease-in-out}.home-link:hover,.home-link:focus{transition:all .7s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:#064c8ea3;transform:scale(1.1);transition:all 1s ease-in-out}.nav-expanded{transform:translate(0)}.home-link,.about-link,.projects-link{opacity:0}.nav-expanded .home-link{animation:.7s float-nav ease-in-out 0ms;opacity:1}.nav-expanded .about-link{animation:1s float-nav ease-in-out 0ms;opacity:1}.nav-expanded .projects-link{animation:1.3s float-nav ease-in-out 0ms;opacity:1}.nav-mobile-menu{display:flex;width:5rem;height:5rem;position:fixed;top:2rem;right:2rem;transform:scale(-1);background-color:#e0dca3;padding-top:.5rem;box-shadow:.2rem -1rem 5rem #fe9db1;z-index:10;cursor:pointer}.nav-mobile-menu:hover{background-color:#46a6ff;box-shadow:.2rem -1rem 5rem #a2c787;font-weight:700}.close-menu{transform:translate(100rem)}.home-page-skills2{display:none}footer,footer a{font-size:1.5rem}.linkedin,.email{margin-right:4.3rem}.letterboxd-gif-desktop{border-radius:2rem;width:10rem;height:auto}}@media (min-width: 771px) and (max-width: 1023px){.nav-bar-desktop{display:flex;justify-content:space-around;font-size:1.5rem;padding-top:3rem;letter-spacing:.5rem;font-weight:700}.case-study-letterboxd{display:none}.nav-links-mobile a{padding:1rem;text-decoration:none}.projects-link,.home-link,.about-link{color:var(--black)}.projects-link:hover,.projects-link:focus{transition:all .2s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-repeat:no-repeat;transform:rotate(10deg);color:var(--dark-green)}.about-link:hover,.about-link:focus{transition:all .2s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-repeat:no-repeat;transform:rotate(10deg);color:var(--dark-pink)}.home-link:hover,.home-link:focus{transition:all .2s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-repeat:no-repeat;transform:rotate(10deg);color:var(--dark-blue)}.home-link:active,.about-link:active,.projects-link:active{transition:all .2s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-repeat:no-repeat;transform:rotate(10deg);color:var(--dark-blue)}.hi-there{border:none;position:absolute;width:8rem;z-index:4;transform:rotate(90deg);right:1.2rem;top:-3rem}}@media (min-width: 1024px){.sub-nav{font-size:1rem}.sub-nav .illustration-link{align-self:flex-end;padding-bottom:.8rem;vertical-align:bottom}.linkedin{width:3rem}.email{width:5rem;transform:translate(2rem,1rem)}.nav-component{width:100vw}.nav-bar-desktop{display:flex;justify-content:space-around;font-size:1.2rem;padding-top:.5rem;margin-top:.5rem;letter-spacing:.25rem;font-weight:700}.nav-links-mobile a{padding:.5rem;text-decoration:none}.projects-link{color:var(--black);transition:all .2s ease-in-out}.home-link{color:var(--black)}.about-link{background-position:left;color:var(--black)}.projects-link:hover,.home-link:hover,.about-link:hover{transition:all .7s ease-in-out;background-image:url(/portfolio-website/assets/cloud1-f8f5f777.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:#064c8ea3;transform:scale(1.1);transition:all 1s ease-in-out}.title{letter-spacing:.2rem;line-height:1rem;font-size:1.5rem}.home span{font-size:5rem}.home{justify-content:space-around;flex-flow:row wrap}.home .title{text-align:left}.home-page-skills{font-size:.75rem;line-height:1.2rem;font-weight:500;background-color:var(--light-green);border-radius:1rem;border:.1rem solid var(--black);align-self:flex-start}.home-page-work{font-size:.75rem;line-height:1.2rem;font-weight:500;background-color:var(--light-pink);border-radius:1rem;border:.1rem solid var(--black);box-shadow:0 0 5rem #fe345c25;max-width:40vw;color:var(--black);padding:3rem;font-size:1rem;line-height:1.5rem;text-align:left;margin:0rem;margin-top:0}.intro{margin-top:5rem;width:20rem;text-align:left;font-size:.75rem;line-height:1.5rem;font-weight:500;margin-right:3rem}.case-study-letterboxd{display:none}.home-page-skills{color:var(--black);width:18rem;padding:2rem;font-size:.8rem;line-height:1.5rem;margin:0rem 0rem 5rem}.home-page-skills2{color:var(--black);flex-direction:column;width:18rem;padding:2rem;font-size:.8rem;line-height:1.5rem;margin:0rem 0rem 5rem}.home-page-skills2 button{margin-top:2rem;padding:.5rem 1rem;border:.1rem solid var(--black);border-radius:.5rem;color:var(--black);background-color:var(--dark-pink);font-family:var(--paragraph-font);font-weight:700}.home-page-work{display:flex;flex-direction:column;width:100%;height:100%;color:var(--black);padding:2rem;font-size:1rem;line-height:1.5rem;text-align:left;background-color:none}.home-design-container{display:flex;flex-flow:row wrap;height:100%}.home-page-work .design-project{display:flex;flex-flow:column;width:100%;height:100%}.home-page-work .design-project p{width:auto}.about-page{flex-flow:row wrap;margin-top:5rem;padding:2rem 0rem 0rem;overflow:visible}.about-page h1{margin:5rem;color:var(--black)}.about-page span{font-size:4rem}.about-page .title{margin-top:8rem;margin-right:8rem}.about-page div{font-size:1rem;line-height:1rem;font-weight:500}.about-intro{margin-left:3rem}.about-intro p{width:25rem;font-size:.8rem;line-height:1.75rem}.about-page div:nth-of-type(2){margin-right:2rem}.hi-there{border:none;position:absolute;width:10rem;z-index:4;transform:rotate(90deg);right:5rem;top:-4rem}.about-skills{margin-left:0;align-self:center;font-size:.8rem}.about-skills p{font-size:.8rem;line-height:1.6rem}.design-project{flex-flow:row nowrap;justify-content:space-around;align-content:center;align-items:center}.prototype-container{width:18rem;height:20rem}.prototype-img{position:relative;width:0;height:0}.starbucksimg,.proto-phone{position:absolute;width:9rem;height:auto}.proto-phone{z-index:6;border:none}.starbucksimg{border-radius:1.2rem;left:.35rem;width:8.25rem;height:18rem}.design-project button,.letterboxd-button{padding:.5rem 1rem;border:.1rem solid var(--black);border-radius:.5rem;color:var(--black);background-color:var(--dark-pink);font-family:var(--paragraph-font);font-weight:700;font-size:.75rem}.design-project button:hover{background-color:var(--dark-orange);cursor:pointer;box-shadow:0 0 10rem #fe345d;transition:all .5s}.letterboxd-button:hover{background-color:var(--dark-orange);cursor:pointer;box-shadow:0 0 10rem #348ee2ba;transition:all .5s}.design-project p{width:40vw;font-size:.8rem;line-height:2rem}.project-page span{font-size:3.5rem}.webdev-container{z-index:2}.webdev-container section{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:center;align-items:flex-start;padding:3rem 3rem 0rem;color:var(--black);text-decoration:none;text-align:left;z-index:2}.webdev-container button{cursor:pointer;padding:.5rem 1rem;width:auto;border:.1rem solid var(--black);font-family:var(--paragraph-font);font-weight:700;background-color:var(--dark-pink);border-radius:.5rem;margin-left:2rem}.webdev-container button:hover{cursor:pointer;background-color:var(--light-pink);box-shadow:0 0 10rem #e17d35;transition:all .5s}a.doodle-link{margin-top:0rem;margin-bottom:0rem;margin-left:0;margin-right:0;padding-bottom:0;padding:0rem;width:8.5vw;font-size:.5rem;height:2vw;color:var(--dark-pink);font-weight:600}.webdev-container p{padding-left:2rem;max-width:70vw;font-size:1rem;line-height:2rem}.webdev-container h2{text-decoration:none;font-size:1.2rem;margin-right:3vw;margin-bottom:2rem;font-weight:700;color:var(--black)}.web-description{display:flex;flex-direction:column}.webdev-container img{width:15rem;height:15rem}.webdev-container div{display:flex}.blue-gradient{filter:blur(2.5rem);top:6rem;left:30rem;opacity:.3;overflow:hidden}.orange-gradient{filter:blur(4.5rem);top:40rem;left:55rem;opacity:.3;overflow:hidden}.yellow-gradient{filter:blur(6rem);top:20rem;right:35rem;opacity:.3;overflow:hidden}.green-gradient{filter:blur(5.5rem);bottom:30rem;left:45rem;opacity:.3;overflow:hidden}.blue-gradient-2{filter:blur(6.5rem);bottom:45rem;left:37rem;opacity:.3;overflow:hidden}.cloud1{width:7rem;position:absolute;left:0;animation:cloudfloat 30s linear infinite;z-index:-1}.cloud2{width:7rem;position:absolute;right:0;top:30rem;animation:cloudfloat2 60s linear infinite;z-index:-1;border:none}.cloud3{width:7rem;position:absolute;right:0;top:15rem;animation:cloudfloat2 60s linear infinite;z-index:-1;border:none}.cloud4{width:7rem;position:absolute;left:0;top:20rem;animation:cloudfloat 60s linear infinite;z-index:-1;border:none}.letterboxd-gif-desktop{border-radius:2rem;max-width:10rem;height:auto}}