body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,p{margin:0}a{all:unset;cursor:pointer}ul{list-style-position:inside;margin:0;padding:0}.App{display:flex;flex:1 1;line-height:24px}.container{justify-content:center;margin:0 auto}.container,.content{display:flex;flex-direction:column}.Portfolio__section__description{margin-bottom:4rem}.Button{border-radius:8px;cursor:pointer;font-size:1.125rem;padding:.75rem 1.25rem}.Button__yellow{background-color:#faaf41}.Button__yellow:hover{background-color:#f9a222}.Button__yellow:active{background-color:#e68b06}.Border__container{border:1px solid #bbb;border-radius:.5rem;padding:1rem}.Yellow__container{background-color:#fdf4c4;border-color:#fbb040!important}.Border__box{border-left:3px solid;margin-bottom:1.5rem;padding-left:1rem}.Green__box{border-color:#00b96b!important}.Red__box{border-color:red!important}.Purple__box{border-color:#7067e1!important}.Yellow__box{border-color:#fbb040!important}.Grey__box{border-color:#707070!important}.Avatar{border-radius:100%;color:#fff;font-size:1.25rem;font-weight:500;margin-right:.75rem;padding:.75rem;width:50px}.Pill{backgroud-color:#fff;border:1px solid;border-radius:18px;display:flex;justify-content:center;padding:.125rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.Pill__grey{border-color:#707070;color:#707070}.Pill__green{border-color:#08843a;color:#08843a}.Pill__red{border-color:#d20000;color:#d20000}.Highlight{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:textShine 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#57c3ad 0,#005660);-webkit-background-clip:text;background-clip:text;background-size:500% auto}@media only screen and (max-width:600px){.container{width:100vw}.content{margin:7rem 0 0}.Project__title{font-size:1.75rem}.Portfolio__section{padding:1.25rem}.Portfolio__section__description{margin-bottom:2.5rem}}@media only screen and (min-width:600px){.container{width:100vw}.Project__title{font-size:1.75rem}.Portfolio__section{padding:1.25rem}.Portfolio__section__description{margin-bottom:2.5rem}}@media only screen and (min-width:768px){.content{margin-top:4rem;width:100%}.Portfolio__section{padding:3.75rem 2rem}}@media only screen and (min-width:1200px){.content{margin:9rem 0 0}.Portfolio__section{padding:3.75rem calc(50vw - 500px)}}@media only screen and (min-width:1400px){.Portfolio__section{padding:3.75rem calc(50vw - 600px)}}@media only screen and (min-width:1600px){.Portfolio__section{padding:3.75rem calc(50vw - 700px)}}@keyframes textShine{0%{background-position:0 50%}to{background-position:100% 50%}}.header{left:0;position:fixed;top:0;width:100vw}.Nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;display:flex;justify-content:space-between;position:relative;transition:background .3s ease-in-out}.Nav.top{box-shadow:0 2px 4px 0 #0000001a}.Nav__logo{cursor:pointer}.Nav__list{flex-direction:column;row-gap:3.5rem}.Nav__list,.Nav__list__web{display:flex;list-style-type:none}.Nav__list__web{column-gap:5.25rem}.Nav__link{color:#464545;cursor:pointer;font-size:1.125rem;font-weight:400;line-height:28px;text-transform:capitalize;transition:color .4s}.Nav__link:hover{border-bottom:2px solid #378375;color:#378375;font-weight:600}.Nav__close,.Nav__toggle{color:#464545;cursor:pointer;font-size:1.5rem}.Nav__close{position:absolute;right:1.5rem;top:1rem}.Nav__menu{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#fff;height:100vh;left:0;padding:6.25rem 2.5rem;position:fixed;top:0;transition:bottom .4s;width:100vw}.hide-menu{display:none}@media only screen and (max-width:600px){.Nav{padding:0 1rem}}@media only screen and (min-width:600px){.Nav{padding:.5rem 2rem}}@media only screen and (min-width:1200px){.Nav{padding-left:calc(50vw - 500px);padding-right:calc(50vw - 500px)}}@media only screen and (min-width:1400px){.Nav{padding-left:calc(50vw - 600px);padding-right:calc(50vw - 600px)}}@media only screen and (min-width:1600px){.Nav{padding-left:calc(50vw - 700px);padding-right:calc(50vw - 700px)}}.Footer__container{align-items:center;display:flex;flex-direction:column}.Footer__container__bottom{align-items:center;border-top:.0625rem solid #bbb;display:flex;flex-direction:row;justify-content:space-between;margin-top:5rem;max-width:1600px;padding:2.5rem 0;text-transform:capitalize;width:100%}.Footer__contact{grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr}.Message{align-items:center;background-color:#f6f6f6;border-radius:1.5rem;display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.Message__photo{min-height:50px;min-width:50px}.Message__content{margin-left:.75rem}.Message__title{font-size:1rem;font-weight:600;text-transform:capitalize}.Message__header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem}.Message__now{color:#888;font-size:.875rem}.Message__text{font-size:1rem}.Message__link{color:#0131f7;cursor:pointer;font-weight:600}.Message__link:hover{color:#011d94;text-decoration:underline}@media only screen and (max-width:600px){.Footer__container{margin:0 1.25rem}.Footer__container__bottom{flex-direction:column-reverse;margin-top:2.5rem;padding:2.5rem 1.25rem}.copyright{margin-top:1.5rem}}@media only screen and (min-width:600px){.Footer__container{margin:0 1.25rem;padding:1.25rem}.Message{max-width:100%}}@media only screen and (min-width:768px){.Footer__container{padding:1.75rem 2rem}.Message{max-width:520px}}@media only screen and (min-width:1200px){.Footer__container{padding:3.75rem calc(50vw - 500px)}}@media only screen and (min-width:1400px){.Footer__container{padding:3.75rem calc(50vw - 600px)}}@media only screen and (min-width:1600px){.Footer__container{padding:3.75rem calc(50vw - 700px)}}.buttonContainer{max-height:2rem;max-width:2rem}.buttonContainer .buttonLink{display:block;max-height:2rem}.buttonContainer:hover{cursor:pointer}.buttonContainer:hover .buttonBackgroundContainer{opacity:1}.buttonForeground{position:relative;z-index:1}.buttonForeground .buttonIcon{max-height:2rem;max-width:2rem}.buttonBackgroundContainer{bottom:2.75rem;opacity:0;position:relative;right:6px}.buttonBackgroundContainer .buttonBackground{max-height:3rem;max-width:3rem}.Tag{background-color:#fff;border:1px solid #bbb;border-radius:.25rem;color:#464545;flex-wrap:wrap;font-size:.875rem;justify-content:center;padding:.25rem .5rem;text-transform:uppercase}@media only screen and (max-width:600px){.Tag{font-size:12px;padding:.25rem .1875rem}}.carouselContainer{display:flex;font-size:.875rem;position:relative}.carouselCountContainer{display:flex;justify-content:flex-end;position:absolute;width:100%}.carouselCount{background-color:#5f5f5f;border-radius:41px;color:#fff;font-size:1.125rem;line-height:1.75rem;margin:1.5rem 1rem;padding:.25rem .75rem}.carouselArrowsContainer{top:50%;transform:translateY(-50%);width:100%}.carouselArrowsContainer,.carouselDotsContainer{display:flex;flex-direction:row;justify-content:space-between;position:absolute}.carouselDotsContainer{bottom:1rem;left:50%;transform:translate(-50%);width:5rem}.carouselDot{background-color:#fff;border-radius:100%;height:.5rem;opacity:.45;width:.5rem}.carouselArrows{cursor:pointer}.carouselArrows__left{margin-left:.75rem}.carouselArrows__right{margin-right:.75rem}.dotHighlight{opacity:1}@media only screen and (max-width:600px){.carouselPic{height:100%;width:100%}.carouselCount{border-radius:30px;font-size:.875rem;margin:15px 10px;padding:.1875rem .5rem}}@media only screen and (min-width:600px){.carouselPic{height:100%;width:100%}.carouselArrows{height:30px;width:30px}.carouselCount{border-radius:30px;font-size:.875rem;margin:15px 10px;padding:.1875rem .5rem}.carouselDotsContainer{bottom:10px;width:3.5rem}.carouselDot{background-color:#fff;border-radius:100%;height:5px;opacity:.45;width:5px}.dotHighlight{opacity:1}}@media only screen and (min-width:1200px){.carouselPic{height:603px;width:462px}.dotHighlight{opacity:1}}.About{display:flex;flex-direction:column}.About__hero{color:#101010;flex-direction:row;margin:0 auto}.About__hero,.About__intro{display:flex;justify-content:space-between}.About__intro{flex-direction:column;max-width:40%}.About__intro__content{display:flex;flex-direction:column}.About__intro__tag_container{display:flex;gap:.5rem;margin-bottom:2rem}.About__intro__tag_container .Tag{margin-right:0}.About__intro__title{font-size:3rem;line-height:normal;margin-bottom:.75rem;text-transform:capitalize}.About__intro__title__highlight{color:#378375}.About__intro__description{white-space:pre-line}.About__post .Name{color:#101010;font-size:1.125rem;font-weight:590}.About__post .Location{color:#101010;font-size:1rem;text-transform:capitalize}.About__post .Location__hightlight{text-transform:uppercase}.About__post .Date{color:#555;font-size:1rem;margin-top:.25rem}.About__post__header{display:flex;flex-direction:row;margin-bottom:1rem}.About__post__picture{border-radius:100%;margin-right:13px}.About__post__bottom{display:flex;flex-direction:column;margin-top:1rem}.About__principle_cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}.About__principle_cards .PrincipleCard{background-color:#fafafa;color:#101010;padding:1.5rem 2rem 2rem}.About__principle_cards .PrincipleCard__icon{max-height:6.25rem;max-width:6.25rem}.About__principle_cards .PrincipleCard__title{font-size:1.5rem;font-weight:590;margin-bottom:2rem;text-transform:capitalize}.About__principle_cards .PrincipleCard__description{font-size:1.125rem}@media only screen and (max-width:600px){.About__intro__title{font-size:2.5rem}.About__post{margin-bottom:3.25rem}.About__hero{flex-direction:column}.About__intro{margin-bottom:2.5rem;max-width:none}.About__principle_cards{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}@media only screen and (min-width:600px){.About__hero{flex-direction:column}.About__intro{margin-bottom:2.5rem;max-width:none}.About__intro__title{font-size:2.5rem}.About__principle_cards{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.About__principle_cards .PrincipleCard{margin-bottom:1.5rem}}@media only screen and (min-width:768px){.About__principle_cards .PrincipleCard{max-width:none}}@media only screen and (min-width:1200px){.About__hero{flex-direction:row}.About__intro{margin-right:7.5rem}.About__principle_cards{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.About__principle_cards .PrincipleCard{max-height:520px;max-width:320px}}@media only screen and (min-width:1600px){.About__principle_cards .PrincipleCard{max-width:450px}}.ScrollIndicator{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.ScrollIndicator__text{color:#101010;font-size:1rem;margin-bottom:.75rem}.Hero{display:flex;flex-direction:column}.Hero .Linebreak{border-right:.0625rem solid #464545;height:5rem;margin:1.5rem 0;width:1px}.Hero__content{flex-direction:column}.Hero__content,.Hero__intro{align-items:center;display:flex}.Hero__intro{flex-direction:row;justify-content:center}.Hero__message{color:#464545;font-size:1.25rem;padding-left:1rem;text-transform:uppercase}.Hero__description{color:#101010;line-height:80px;max-width:1000px;text-align:center}.Projects .Project{padding:1rem}.Projects .Project:first-of-type{grid-column:1/3}.Projects .Project__content{border-radius:16px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem;padding:1.5rem 1.5rem 0}.Projects .Project__content.CloudSource{background-color:#cfe3f6;border:1px solid #82acd3}.Projects .Project__content.CloudSource:hover{background-color:#baccdd}.Projects .Project__content.CloudSource:active{background-color:#9baab9}.Projects .Project__content.Skinopathy{background-color:#fdf4c4;border:1px solid #ffd527}.Projects .Project__content.Skinopathy:hover{background-color:#e4dcb0}.Projects .Project__content.Skinopathy:active{background-color:#beb793}.Projects .Project__content.Ubereats{background-color:#cdeadc;border:1px solid #06c167}.Projects .Project__content.Ubereats:hover{background-color:#b9d3c6}.Projects .Project__content.Ubereats:active{background-color:#9ab0a5}.Projects .Project__tag_container{display:flex;justify-content:flex-end}.Projects .Project__picture{display:flex;justify-content:center;padding-top:3.75rem}@media only screen and (max-width:600px){.Hero{height:calc(100vh - 155px);margin-bottom:1rem;margin-top:0}.Hero .Linebreak{margin-left:1.5rem}.Hero__content{align-items:start;justify-content:start}.Hero__description{font-size:2.5rem;line-height:normal;text-align:left}.Projects .Project__picture img{width:100%}}@media only screen and (min-width:600px){.Hero{height:calc(100vh - 150px);margin-bottom:1.5rem}.Hero__description{font-size:2.5rem;line-height:normal}.Projects{display:flex;flex-direction:column;gap:1.5rem}.Projects .Project__picture img{max-width:100%}}@media only screen and (min-width:1200px){.Hero{height:calc(100vh - 375px);margin-bottom:1rem;margin-top:5vh}.Hero__description{font-size:4.5rem;line-height:normal}}@media only screen and (min-width:1400px){.Projects{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}@media only screen and (min-width:1600px){.Hero{margin-top:10vh}}.CloudSource{color:#101010}.CloudSource .Portfolio__section__description{width:65%}.CloudSource__hero{align-items:center;display:flex;flex-direction:column}.CloudSource__hero .Tag{text-align:center}.CloudSource__hero__description{margin-bottom:8.75rem;margin-top:1.5rem}.CloudSource__hero__tags{grid-column-gap:.75rem;column-gap:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr}.CloudSource__hero__overview{background-image:url(/static/media/cloudsource_hero.d75bb0e09229262df421.svg);background-position-x:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding-top:28rem;width:100%}.CloudSource__hero__project-overview{background:#fff;border-radius:8px;box-shadow:0 2px 10px 0 #0000001a;color:#464545;display:flex;justify-content:space-between}.CloudSource__hero__project-overview__column{display:flex;flex-direction:column}.CloudSource__hero__project-overview__title{color:#378375;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.CloudSource__overview{margin-top:5.75rem}.CloudSource__overview .Portfolio__section__description{width:85%}.CloudSource__overview__header{height:100%;margin-bottom:5rem}.CloudSource__overview__content{display:flex;flex-direction:row}.CloudSource__overview__demo{display:flex;justify-content:center;width:100%}.CloudSource__overview__section{display:flex;flex-direction:column;margin-bottom:3rem}.CloudSource__overview__section .Project__subheading{margin-bottom:.75rem}.CloudSource__designprocess__header{margin-bottom:32px}.CloudSource__designprocess__phases{grid-column-gap:1.25rem;column-gap:1.25rem;display:grid;margin-top:4rem;overflow:wrap}.CloudSource__designprocess__step{background-color:#fafafa;border-radius:6px;padding:1rem}.CloudSource__designprocess__step span{font-size:1.25rem;font-weight:600;line-height:2rem}.CloudSource__designprocess__step ul{margin-top:1rem}.CloudSource__userinterviews .Project__subheading{margin-bottom:1rem}.CloudSource__userinterviews .Collapsible{background-color:#fafafa;border-color:#8f8f8f;width:80%}.CloudSource__userinterviews .Collapsible__content li:nth-child(2){margin-bottom:.75rem;margin-top:.75rem}.CloudSource__userinterviews__header__description{margin-bottom:2rem}.CloudSource__userinterviews__questions_and_findings{display:flex}.CloudSource__userinterviews__questions{min-width:50%}.CloudSource__userinterviews__key_findings{display:flex;flex-direction:column}.CloudSource__userinterviews__key_findings .Border__box{border-color:#101010}.CloudSource__userinterviews__finding{display:flex;flex-direction:column;margin-bottom:1.5rem}.CloudSource__userinterviews__finding span{color:#101010;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.CloudSource__userinterviews__testimonies{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:1.5rem}.CloudSource__userinterviews__quote{align-items:center;background:#f6f6f6;border-radius:24px;display:flex;padding:20px}.CloudSource__userinterviews__quote.user_1 .Avatar{background-color:#ce08d2}.CloudSource__userinterviews__quote.user_2 .Avatar{background-color:#178d1c}.CloudSource__userinterviews__quote.user_3 .Avatar{background-color:#0681df}.CloudSource__userinterviews__quote .User_quote{font-style:italic}.CloudSource__userinterviews__quote .User_quote span{display:block;font-size:1rem;font-style:normal;font-weight:600;margin-bottom:.5rem}.CloudSource__competitiveanalysis .Project__title{margin-bottom:2rem}.CloudSource__competitiveanalysis .Project__subheading{margin-bottom:1rem}.CloudSource__competitiveanalysis__chart{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:start;margin-top:7.5rem}.CloudSource__competitiveanalysis__column{grid-row-gap:2.5rem;display:grid;grid-template-rows:.25fr 1fr 1fr;row-gap:2.5rem}.CloudSource__competitiveanalysis__column__header{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;line-height:28px;padding-bottom:.75rem;padding-top:1.5rem;position:relative}.CloudSource__competitiveanalysis__column__header svg{position:absolute;top:-3.75rem}.CloudSource__competitiveanalysis__column__header.Weathernetwork{background-color:#ffea53;color:#101010}.CloudSource__competitiveanalysis__column__header.AccuWeather{background-color:#f05513;color:#fff}.CloudSource__competitiveanalysis__column__header.Appleweather{background-color:#1d79f2;color:#fff}.CloudSource__competitiveanalysis__column__header.Carrot{background-color:#550aa3;color:#fff}.CloudSource__userpersona .Project__subheading{margin-bottom:1rem}.CloudSource__userpersona__content{margin-top:4rem;padding-left:15rem;padding-right:15rem}.CloudSource__userpersona__needs_and_frustrations{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr;margin-top:2.5rem}.CloudSource__userpersona .persona{display:flex;justify-content:space-between}.CloudSource__userpersona .persona__name{color:#101010;font-size:1.5rem;font-weight:600;line-height:40px}.CloudSource__userpersona .persona__job_title{color:#464545;font-size:1.125rem;line-height:28px}.CloudSource__userpersona .persona__contact{align-items:center;display:flex}.CloudSource__userpersona .persona__contact__section{display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.CloudSource__userpersona .persona__speech_bubble{background-color:#c5e3ff;border-radius:20px 20px 20px 0;font-style:italic;max-width:22.5rem;padding:1rem}.CloudSource__userpersona .persona__description{border-top:1px solid #bbb;margin-top:2.5rem;padding-top:1.5rem}.CloudSource__problemstatement{background-color:#0c5fab;padding-bottom:6.25rem;padding-top:6.25rem}.CloudSource__problemstatement .Project__title{color:#b3d2ee}.CloudSource__problemstatement .Project__header,.CloudSource__problemstatement .highlight{color:#fff}.CloudSource__ideation__content{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:3rem}.CloudSource__ideation__column{grid-row-gap:2.5rem;align-items:center;background:#fafafa;border-radius:6px;display:grid;grid-template-rows:1fr .3fr 1fr .3fr 1fr;justify-items:center;padding:2rem;row-gap:2.5rem;text-align:center}.CloudSource__ideation__column .Pill{background-color:#fff;margin-bottom:.75rem}.CloudSource__ideation__column .pain_point_block{align-items:center;display:flex;flex-direction:column;min-height:6.75rem}.CloudSource__ideation .Collapsible{margin-top:4rem}.CloudSource__wireframes .Project__subheading{margin-bottom:.5rem}.CloudSource__wireframes__flow{-webkit-overflow-scrolling:touch;margin-bottom:3.5rem;overflow-x:scroll}.CloudSource__wireframes__flow .flow__title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.CloudSource__branding .Project__subheading{margin-bottom:1.5rem}.CloudSource__branding__content{display:flex;justify-content:center}.CloudSource__branding__content__right__top{display:flex}.CloudSource__branding__typography .typography__row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;min-width:500px}.CloudSource__branding__typography .branding__description{font-size:1.25rem;font-style:normal;font-weight:400;line-height:32px}.CloudSource__branding__typography .branding__h1{font-size:40px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__h2{font-size:30px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__h3{font-size:26px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__h4{font-size:22px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__body1{font-size:20px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__body2{font-size:18px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__body3{font-size:14px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__typography .branding__body4{font-size:12px;font-style:normal;font-weight:400;letter-spacing:-1px;line-height:112%}.CloudSource__branding__buttons{display:grid;grid-template-rows:.5fr 1fr 1fr 1fr 1fr;margin-right:4rem;min-width:335px}.CloudSource__branding__logos{grid-column-gap:1.5rem;grid-row-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;row-gap:1.5rem}.CloudSource__branding__palette{display:flex;flex-direction:column;margin-top:2rem}.CloudSource__branding__palette__section{margin-right:2rem}.CloudSource__branding__palette .Palette{display:flex}.CloudSource__branding__palette .Palette__header{color:#707070;font-size:.875rem;font-weight:274;line-height:20px;margin-bottom:.5rem;text-transform:uppercase}.CloudSource__branding__palette .Palette__swatches{display:flex}.CloudSource__branding__palette .Palette__swatch{border-radius:100%;height:80px;margin-right:.75rem;width:80px}.CloudSource__branding__palette .Palette__swatch__primary{background-color:#fdd24f}.CloudSource__branding__palette .Palette__swatch__secondary_1{background-color:#85c4ff}.CloudSource__branding__palette .Palette__swatch__secondary_2{background-color:#92b7d9}.CloudSource__branding__palette .Palette__swatch__secondary_3{background-color:#0c5fab}.CloudSource__branding__palette .Palette__swatch__neutral_1{background-color:#f1f1f1}.CloudSource__branding__palette .Palette__swatch__neutral_2{border:1px solid #000}.CloudSource__branding__palette .Palette__swatch__neutral_3{background-color:#000}.CloudSource__highfidelity__content{display:grid;padding-left:6.25rem;padding-right:6.25rem}.CloudSource__highfidelity__screen{display:flex;flex-direction:column;justify-content:center;text-align:center}.CloudSource__highfidelity__screen .Screen__label{color:#101010;font-size:12px;font-weight:300;margin-bottom:.75rem;text-transform:uppercase}.CloudSource__usability .Project__subheading{margin-bottom:.5rem}.CloudSource__usability__iteration{margin-top:4rem}.CloudSource__usability .Iteration__header{color:#101010;font-size:1.5rem;font-weight:600;line-height:36px}.CloudSource__usability .Iteration__section{margin-top:2.5rem}.CloudSource__usability .Iteration__section__mockup{display:flex}.CloudSource__usability .Iteration__section__mockup .Project__subheading{margin-bottom:1rem}.CloudSource__usability .Iteration__content{display:flex}.CloudSource__usability .Iteration__description{border:1px solid;border-radius:12px;padding:1.5rem}.CloudSource__conclusion .Project__subheading{margin-bottom:1rem}.CloudSource__conclusion__chart{grid-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:1fr 1fr;justify-items:start;margin-top:4rem}.CloudSource__button{align-items:center;border-radius:40px;display:flex;justify-content:center;margin-bottom:1.5rem;padding-bottom:.75rem;padding-top:.75rem}.CloudSource__button__primary{background-color:#fdd74f}.CloudSource__button__secondary{background-color:#85c4ff}.CloudSource__button__tertiary{border:2px solid #85c4ff}.CloudSource__link{align-items:center;display:flex;font-size:15px;justify-content:center;padding-bottom:.75rem;padding-top:.75rem;text-decoration:underline}@media only screen and (max-width:500px){.CloudSource__branding__content{flex-direction:column}.CloudSource__branding__content__right__top{align-items:center;flex-direction:column}.CloudSource__branding__typography{margin-right:0}.CloudSource__branding__typography .typography__row{min-width:0;min-width:auto}.CloudSource__branding__palette .Palette{flex-direction:column}.CloudSource__branding__palette__section{margin-bottom:1.5rem;margin-right:0}.CloudSource__branding__buttons{margin-right:0}}@media only screen and (max-width:768px){.CloudSource .Portfolio__section__description{width:auto}.CloudSource__hero__overview{background-size:90vw;padding-top:75%}.CloudSource__hero__tags{column-gap:.75rem;font-size:12px;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:.75rem}.CloudSource__hero .Tag:first-of-type{grid-column:1/3;grid-row:1}.CloudSource__hero .Tag:nth-of-type(2){grid-column:3/5;grid-row:1}.CloudSource__hero .Tag:nth-of-type(3){grid-column:2/4;grid-row:2;text-align:center}.CloudSource__hero__project-overview{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.CloudSource__hero__project-overview__column{margin-bottom:3rem}.CloudSource__hero__project-overview :nth-child(4){margin-bottom:0}.CloudSource__overview{margin-top:0}.CloudSource__overview__content{flex-direction:column}.CloudSource__designprocess__phases{column-gap:1rem;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;row-gap:1rem}.CloudSource__designprocess__step{height:auto;padding:.5rem;width:auto}.CloudSource__designprocess__step:nth-of-type(5){grid-column:1/3;grid-row:3}.CloudSource__userinterviews .Collapsible{width:auto}.CloudSource__userinterviews__questions_and_findings{flex-direction:column}.CloudSource__userinterviews__questions{margin-bottom:2.5rem}.CloudSource__userinterviews__testimonies{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;row-gap:1.25rem}.CloudSource__userinterviews__quote{max-width:none}.CloudSource__competitiveanalysis__chart{display:flex;flex-direction:column}.CloudSource__competitiveanalysis__column__header.AccuWeather,.CloudSource__competitiveanalysis__column__header.Appleweather,.CloudSource__competitiveanalysis__column__header.Carrot{margin-top:5rem}.CloudSource__userpersona .persona{flex-direction:column}.CloudSource__userpersona .persona__contact{margin-bottom:1.5rem}.CloudSource__userpersona__content{padding:0}.CloudSource__userpersona__needs_and_frustrations{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.CloudSource__problemstatement{padding:2.5rem}.CloudSource__branding__content{flex-direction:column}.CloudSource__branding__content__right{align-items:center;display:flex;flex-direction:column}.CloudSource__branding__content__right__top{align-items:center}.CloudSource__branding__typography{margin-right:0}.CloudSource__branding__typography .typography__row{min-width:0;min-width:auto}.CloudSource__branding__palette .Palette{justify-content:center}.CloudSource__branding__palette__section{margin-bottom:1.5rem}.CloudSource__branding__palette__section:last-of-type{margin-right:0}.CloudSource__highfidelity__content{column-gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:0;row-gap:1rem}.CloudSource__highfidelity__screen{align-items:center;justify-content:flex-end}.CloudSource__highfidelity__screen img{width:90%}.CloudSource__usability .Iteration__section{display:flex;flex-direction:column}.CloudSource__usability .Iteration__description{margin-bottom:1.5rem;margin-right:0}.CloudSource__usability .Iteration__description.reverse{margin-bottom:1.5rem;margin-left:0}.CloudSource__usability .Iteration__content{flex-direction:column;justify-content:center;margin-bottom:1.5rem}.CloudSource__usability .Iteration__content.reverse{flex-direction:column}.CloudSource__conclusion__chart{display:flex;flex-direction:column}.CloudSource__conclusion__column:last-of-type{margin-top:2.5rem}}@media only screen and (min-width:768px){.CloudSource .Portfolio__section__description{width:auto}.CloudSource__hero__project-overview{padding:1.5rem 2.25rem}.CloudSource__designprocess__phases{column-gap:1.25rem;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:1.25rem}.CloudSource__designprocess__step:first-of-type{grid-column:1/3;grid-row:1}.CloudSource__designprocess__step:nth-of-type(2){grid-column:3/5;grid-row:1}.CloudSource__designprocess__step:nth-of-type(3){grid-column:5/7;grid-row:1}.CloudSource__designprocess__step:nth-of-type(4){grid-column:1/4;grid-row:2}.CloudSource__designprocess__step:nth-of-type(5){grid-column:4/7;grid-row:2}.CloudSource__userpersona__content{padding:0}.CloudSource__branding__content{flex-direction:column}.CloudSource__branding__content__right{align-items:center;display:flex;flex-direction:column}.CloudSource__branding__typography{display:flex;flex-direction:column;justify-content:center}.CloudSource__branding__palette__section{margin-bottom:1.5rem}.CloudSource__branding__palette__section:last-of-type{margin-right:0}.CloudSource__highfidelity__content{column-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding:0;row-gap:1rem}.CloudSource__highfidelity__screen{align-items:center;justify-content:flex-end}.CloudSource__highfidelity__screen img{width:90%}.CloudSource__usability .Iteration__section{display:flex;flex-direction:column}.CloudSource__usability .Iteration__description{margin-bottom:1.5rem;margin-right:0}.CloudSource__usability .Iteration__description.reverse{margin-bottom:1.5rem;margin-left:0}.CloudSource__usability .Iteration__content{flex-direction:column;justify-content:center;margin-bottom:1.5rem}.CloudSource__usability .Iteration__content.reverse{flex-direction:column}}@media only screen and (min-width:1024px){.CloudSource .Portfolio__section__description{width:auto}.CloudSource__userpersona__content{margin-top:4rem}.CloudSource__ideation .pain_point_block{min-height:165px}.CloudSource__branding__content{flex-direction:column;padding:0 6.25rem}.CloudSource__highfidelity__content{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding-left:0;padding-right:0}.CloudSource__usability .Iteration__content{align-items:center;flex-direction:column-reverse;justify-content:flex-end}.CloudSource__usability .Iteration__content.reverse{flex-direction:column-reverse}.CloudSource__usability .Iteration__description,.CloudSource__usability .Iteration__description.reverse{margin:0}.CloudSource__usability .Iteration__section__mockup{margin-bottom:2.5rem}}@media only screen and (min-width:1200px){.CloudSource__branding__content{flex-direction:column;padding:0}.CloudSource__branding__content__right__top{justify-content:space-between;width:100%}.CloudSource__branding__palette{width:100%}.CloudSource__usability .Iteration__section{grid-column-gap:5.25rem;column-gap:5.25rem;display:grid;grid-template-columns:1fr 1fr}.CloudSource__usability .Iteration__section__mockup .Project__subheading{margin-bottom:1rem}.CloudSource__usability .Iteration__content.reverse{flex-direction:column-reverse}}@media only screen and (min-width:1400px){.CloudSource .Portfolio__section__description{margin-bottom:64px;max-width:70%}.CloudSource__hero__project-overview{padding:2rem 10rem}.CloudSource__designprocess__phases{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr}.CloudSource__designprocess__step{height:176px}.CloudSource__designprocess__step:first-of-type{grid-column:1;grid-row:1}.CloudSource__designprocess__step:nth-of-type(2){grid-column:2;grid-row:1}.CloudSource__designprocess__step:nth-of-type(3){grid-column:3;grid-row:1}.CloudSource__designprocess__step:nth-of-type(4){grid-column:4;grid-row:1}.CloudSource__designprocess__step:nth-of-type(5){grid-column:5;grid-row:1}.CloudSource__branding__content{flex-direction:row;padding:0}.CloudSource__branding__content__right__top{justify-content:space-between;width:100%}.CloudSource__branding__typography{margin-right:4rem}.CloudSource__branding__typography .typography__row{min-width:0;min-width:auto}.CloudSource__branding__palette{width:100%}.CloudSource__ideation .Collapsible{width:40%}.CloudSource__wireframes__flow{overflow-x:visible;overflow-x:initial}.CloudSource__highfidelity__content{column-gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:0;row-gap:4rem}.CloudSource__highfidelity__screen{align-items:center;justify-content:flex-end}.CloudSource__usability .Iteration__section__mockup{align-items:center;flex-direction:column}.CloudSource__usability .Iteration__content{align-items:center;flex-direction:row}.CloudSource__usability .Iteration__content.reverse{flex-direction:row-reverse}.CloudSource__usability .Iteration__description{margin-right:1.5rem}.CloudSource__usability .Iteration__description .Project__subheading{margin-bottom:1.5rem}.CloudSource__usability .Iteration__description.reverse{margin-left:1.5rem;margin-right:0}}@media only screen and (min-width:1600px){.CloudSource__userpersona__content{padding:0 15rem}.CloudSource__branding__typography .typography__row{min-width:500px}}.Collapsible{border:1px solid #bbb;border-radius:4px}.Collapsible,.Collapsible.closed{cursor:pointer}.Collapsible.open{cursor:inherit}.Collapsible__title{font-size:1.125rem;font-weight:500;line-height:28px}.Collapsible__clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem}.Collapsible__content{display:flex;gap:.75rem;padding:.75rem}.Collapsible.grey{background-color:#fafafa}.Collapsible.red{background-color:#ffefef;border-color:red}.Collapsible a{color:#0131f7}.Collapsible ul{padding:.5rem}.Collapsible li{margin-bottom:1rem}.UberEats{color:#101010}.UberEats .Portfolio__section__description{width:65%}.UberEats__hero{align-items:center;display:flex;flex-direction:column}.UberEats__hero__title{column-gap:.75rem;margin-bottom:1rem}.UberEats__hero .Tag{text-align:center}.UberEats__hero__description{margin-bottom:8.75rem;margin-top:1.5rem}.UberEats__hero__tags{grid-column-gap:.75rem;column-gap:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr}.UberEats__hero__overview{background-image:url(/static/media/ubereats_hero.be5fffc27dfdf34072d5.svg);background-position-x:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding-top:28rem;width:100%}.UberEats__hero__project-overview{background:#fff;border-radius:8px;box-shadow:0 2px 10px 0 #0000001a;color:#464545;display:flex;justify-content:space-between}.UberEats__hero__project-overview__column{display:flex;flex-direction:column}.UberEats__hero__project-overview__title{color:#378375;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.UberEats__hero__note{margin-top:1.5rem}.UberEats__disclaimer{align-items:center;display:flex;flex-direction:column;justify-content:center}.UberEats__overview__header{height:100%;margin-bottom:5rem}.UberEats__overview__content{grid-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr}.UberEats__overview__section{display:flex;flex-direction:column;margin-bottom:3rem}.UberEats__overview__section .Project__subheading{margin-bottom:.75rem}.UberEats__designprocess__header{margin-bottom:32px}.UberEats__designprocess__phases{grid-column-gap:1.25rem;column-gap:1.25rem;display:grid;margin-top:4rem;overflow:wrap}.UberEats__designprocess__step{background-color:#fafafa;border-radius:6px;padding:1rem}.UberEats__designprocess__step span{font-size:1.25rem;font-weight:600;line-height:2rem}.UberEats__designprocess__step ul{margin-top:1rem}.UberEats__initial_assumption{background-color:#000;padding-bottom:6.25rem;padding-top:6.25rem}.UberEats__initial_assumption .Project__header,.UberEats__initial_assumption .Project__title{color:#fff;text-transform:none}.UberEats__initial_assumption__subtext{color:#fff}.UberEats__initial_assumption .highlight{color:#06c167}.UberEats__initial_assumption .Collapsible{margin-top:3rem}.UberEats__competitiveanalysis__description>p:first-of-type{margin-bottom:1rem}.UberEats__competitiveanalysis__table{display:flex;flex-direction:row;justify-content:center}.UberEats__competitiveanalysis .Project__title{margin-bottom:2rem}.UberEats__competitiveanalysis .Project__subheading,.UberEats__userinterviews .Project__subheading{margin-bottom:1rem}.UberEats__userinterviews .Collapsible{background-color:#fafafa;border-color:#8f8f8f;width:80%}.UberEats__userinterviews .Collapsible__content li:nth-child(2){margin-bottom:.75rem;margin-top:.75rem}.UberEats__userinterviews__header__description{margin-bottom:2rem}.UberEats__userinterviews__questions_and_findings{display:flex}.UberEats__userinterviews__questions{min-width:50%}.UberEats__userinterviews__key_findings{display:flex;flex-direction:column}.UberEats__userinterviews__key_findings .Border__box{border-color:#101010}.UberEats__userinterviews__finding{display:flex;flex-direction:column;margin-bottom:1.5rem}.UberEats__userinterviews__finding span{color:#101010;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.UberEats__userinterviews__testimonies{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:1.5rem}.UberEats__userinterviews__quote{align-items:center;background:#f6f6f6;border-radius:24px;display:flex;padding:20px}.UberEats__userinterviews__quote.user_1 .Avatar{background-color:#ce08d2}.UberEats__userinterviews__quote.user_2 .Avatar{background-color:#178d1c}.UberEats__userinterviews__quote.user_3 .Avatar{background-color:#0681df}.UberEats__userinterviews__quote .User_quote{font-style:italic}.UberEats__userinterviews__quote .User_quote span{display:block;font-size:1rem;font-style:normal;font-weight:600;margin-bottom:.5rem}.UberEats__userpersona .Project__subheading{margin-bottom:1rem}.UberEats__userpersona__content{align-items:center;display:flex;flex-direction:column;margin-top:4rem;padding-left:15rem;padding-right:15rem}.UberEats__userpersona__needs_and_frustrations{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr;margin-bottom:2.5rem;margin-top:2.5rem}.UberEats__userpersona .persona{display:flex;justify-content:space-between}.UberEats__userpersona .persona__name{color:#101010;font-size:1.5rem;font-weight:600;line-height:40px}.UberEats__userpersona .persona__job_title{color:#464545;font-size:1.125rem;line-height:28px}.UberEats__userpersona .persona__contact{align-items:center;display:flex}.UberEats__userpersona .persona__contact__section{display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.UberEats__userpersona .persona__speech_bubble{background-color:#c0ffce;border-radius:20px 20px 20px 0;font-style:italic;max-width:22.5rem;padding:1rem}.UberEats__userpersona .persona__description{border-top:1px solid #bbb;margin-top:2.5rem;padding-top:1.5rem}.UberEats__problemstatement{background-color:#06c167;padding-bottom:6.25rem;padding-top:6.25rem}.UberEats__problemstatement .Project__header{color:#000}.UberEats__problemstatement .Project__title{text-transform:none}.UberEats__problemstatement .highlight{color:#fff}.UberEats__ideation__content{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:3rem}.UberEats__ideation__column{grid-row-gap:2.5rem;align-items:center;background:#fafafa;border-radius:6px;display:grid;justify-items:center;padding:2rem;row-gap:2.5rem;text-align:center}.UberEats__ideation__column .Pill{background-color:#fff;margin-bottom:.75rem}.UberEats__ideation__column .pain_point_block{align-items:center;display:flex;flex-direction:column}.UberEats__userflow .Project__subheading{margin-bottom:.5rem}.UberEats__userflow__content{display:flex;justify-content:center}.UberEats__wireframes .Project__subheading{margin-bottom:.5rem}.UberEats__wireframes__description>p:first-of-type{margin-bottom:1rem}.UberEats__wireframes__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.UberEats__usability .Project__subheading{color:#fff;margin-bottom:1rem}.UberEats__usability .Border__box{color:#fff}.UberEats__usability .Improvement{display:grid;grid-template-columns:1fr 1fr;padding:2.5rem 0;width:100%}.UberEats__usability .Improvement__before{border-right:1px solid #fff}.UberEats__usability .Improvement__after,.UberEats__usability .Improvement__before{align-items:center;display:flex;flex-direction:column;justify-content:center}.UberEats__usability .Improvement__description{margin-top:3.5rem;max-width:475px}.UberEats__final_solution__content{display:flex;flex-grow:1;justify-content:center}.UberEats__conclusion .Project__subheading{margin-bottom:1rem}.UberEats__conclusion__chart{grid-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:1fr 1fr;justify-items:start;margin-top:4rem}.UberEats__button{align-items:center;border-radius:40px;display:flex;justify-content:center;margin-bottom:1.5rem;padding-bottom:.75rem;padding-top:.75rem}.UberEats__button__primary{background-color:#fdd74f}.UberEats__button__secondary{background-color:#85c4ff}.UberEats__button__tertiary{border:2px solid #85c4ff}.UberEats__link{align-items:center;display:flex;font-size:15px;justify-content:center;padding-bottom:.75rem;padding-top:.75rem;text-decoration:underline}@media only screen and (max-width:500px){.UberEats__branding__content{flex-direction:column}.UberEats__branding__content__right__top{align-items:center;flex-direction:column}.UberEats__branding__typography{margin-right:0}.UberEats__branding__typography .typography__row{min-width:0;min-width:auto}.UberEats__branding__palette .Palette{flex-direction:column}.UberEats__branding__palette__section{margin-bottom:1.5rem;margin-right:0}.UberEats__branding__buttons{margin-right:0}}@media only screen and (max-width:768px){.UberEats .Portfolio__section__description{width:auto}.UberEats__hero__overview{background-size:90vw;padding-top:75%}.UberEats__hero__tags{column-gap:.75rem;font-size:12px;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:.75rem}.UberEats__hero .Tag:first-of-type{grid-column:1/3;grid-row:1}.UberEats__hero .Tag:nth-of-type(2){grid-column:3/5;grid-row:1}.UberEats__hero .Tag:nth-of-type(3){grid-column:2/4;grid-row:2;text-align:center}.UberEats__hero__project-overview{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.UberEats__hero__project-overview__column{margin-bottom:3rem}.UberEats__hero__project-overview :nth-child(4){margin-bottom:0}.UberEats__overview{margin-top:0}.UberEats__overview__content{flex-direction:column}.UberEats__designprocess__phases{column-gap:1rem;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;row-gap:1rem}.UberEats__designprocess__step{height:auto;padding:.5rem;width:auto}.UberEats__designprocess__step:nth-of-type(5){grid-column:1/3;grid-row:3}.UberEats__userinterviews .Collapsible{width:auto}.UberEats__userinterviews__questions_and_findings{flex-direction:column}.UberEats__userinterviews__questions{margin-bottom:2.5rem}.UberEats__userinterviews__testimonies{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;row-gap:1.25rem}.UberEats__userinterviews__quote{max-width:none}.UberEats__competitiveanalysis__chart{display:flex;flex-direction:column}.UberEats__competitiveanalysis__column__header.AccuWeather,.UberEats__competitiveanalysis__column__header.Appleweather,.UberEats__competitiveanalysis__column__header.Carrot{margin-top:5rem}.UberEats__userpersona .persona{flex-direction:column}.UberEats__userpersona .persona__contact{margin-bottom:1.5rem}.UberEats__userpersona__content{padding:0}.UberEats__userpersona__needs_and_frustrations{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.UberEats__problemstatement{padding:2.5rem}.UberEats__branding__content{flex-direction:column}.UberEats__branding__content__right{align-items:center;display:flex;flex-direction:column}.UberEats__branding__content__right__top{align-items:center}.UberEats__branding__typography{margin-right:0}.UberEats__branding__typography .typography__row{min-width:0;min-width:auto}.UberEats__branding__palette .Palette{justify-content:center}.UberEats__branding__palette__section{margin-bottom:1.5rem}.UberEats__branding__palette__section:last-of-type{margin-right:0}.UberEats__highfidelity__content{column-gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:0;row-gap:1rem}.UberEats__highfidelity__screen{align-items:center;justify-content:flex-end}.UberEats__highfidelity__screen img{width:90%}.UberEats__usability .Iteration__section{display:flex;flex-direction:column}.UberEats__usability .Iteration__description{margin-bottom:1.5rem;margin-right:0}.UberEats__usability .Iteration__description.reverse{margin-bottom:1.5rem;margin-left:0}.UberEats__usability .Iteration__content{flex-direction:column;justify-content:center;margin-bottom:1.5rem}.UberEats__usability .Iteration__content.reverse{flex-direction:column}.UberEats__conclusion__chart{display:flex;flex-direction:column}.UberEats__conclusion__column:last-of-type{margin-top:2.5rem}}@media only screen and (min-width:768px){.UberEats .Portfolio__section__description{width:auto}.UberEats__hero__project-overview{padding:1.5rem 2.25rem}.UberEats__designprocess__phases{column-gap:1.25rem;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:1.25rem}.UberEats__designprocess__step:first-of-type{grid-column:1/3;grid-row:1}.UberEats__designprocess__step:nth-of-type(2){grid-column:3/5;grid-row:1}.UberEats__designprocess__step:nth-of-type(3){grid-column:5/7;grid-row:1}.UberEats__designprocess__step:nth-of-type(4){grid-column:1/4;grid-row:2}.UberEats__designprocess__step:nth-of-type(5){grid-column:4/7;grid-row:2}.UberEats__userpersona__content{padding:0}.UberEats__branding__content{flex-direction:column}.UberEats__branding__content__right{align-items:center;display:flex;flex-direction:column}.UberEats__branding__typography{display:flex;flex-direction:column;justify-content:center}.UberEats__branding__palette__section{margin-bottom:1.5rem}.UberEats__branding__palette__section:last-of-type{margin-right:0}.UberEats__highfidelity__content{column-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding:0;row-gap:1rem}.UberEats__highfidelity__screen{align-items:center;justify-content:flex-end}.UberEats__highfidelity__screen img{width:90%}.UberEats__usability .Iteration__section{display:flex;flex-direction:column}.UberEats__usability .Iteration__description{margin-bottom:1.5rem;margin-right:0}.UberEats__usability .Iteration__description.reverse{margin-bottom:1.5rem;margin-left:0}.UberEats__usability .Iteration__content{flex-direction:column;justify-content:center;margin-bottom:1.5rem}.UberEats__usability .Iteration__content.reverse{flex-direction:column}}@media only screen and (min-width:1024px){.UberEats .Portfolio__section__description{width:auto}.UberEats__userpersona__content{margin-top:4rem}.UberEats__branding__content{flex-direction:column;padding:0 6.25rem}.UberEats__highfidelity__content{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding-left:0;padding-right:0}.UberEats__usability .Iteration__content{align-items:center;flex-direction:column-reverse;justify-content:flex-end}.UberEats__usability .Iteration__content.reverse{flex-direction:column-reverse}.UberEats__usability .Iteration__description,.UberEats__usability .Iteration__description.reverse{margin:0}.UberEats__usability .Iteration__section__mockup{margin-bottom:2.5rem}}@media only screen and (min-width:1200px){.UberEats__branding__content{flex-direction:column;padding:0}.UberEats__branding__content__right__top{justify-content:space-between;width:100%}.UberEats__branding__palette{width:100%}.UberEats__usability .Iteration__section{grid-column-gap:5.25rem;column-gap:5.25rem;display:grid;grid-template-columns:1fr 1fr}.UberEats__usability .Iteration__section__mockup .Project__subheading{margin-bottom:1rem}.UberEats__usability .Iteration__content.reverse{flex-direction:column-reverse}}@media only screen and (min-width:1400px){.UberEats .Portfolio__section__description{margin-bottom:64px;max-width:65%}.UberEats__hero__project-overview{padding:2rem 10rem}.UberEats__designprocess__phases{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr}.UberEats__designprocess__step{height:176px}.UberEats__designprocess__step:first-of-type{grid-column:1;grid-row:1}.UberEats__designprocess__step:nth-of-type(2){grid-column:2;grid-row:1}.UberEats__designprocess__step:nth-of-type(3){grid-column:3;grid-row:1}.UberEats__designprocess__step:nth-of-type(4){grid-column:4;grid-row:1}.UberEats__designprocess__step:nth-of-type(5){grid-column:5;grid-row:1}.UberEats__branding__content{flex-direction:row;padding:0}.UberEats__branding__content__right__top{justify-content:space-between;width:100%}.UberEats__branding__typography{margin-right:4rem}.UberEats__branding__typography .typography__row{min-width:0;min-width:auto}.UberEats__branding__palette{width:100%}.UberEats__ideation .Collapsible{width:40%}.UberEats__wireframes__flow{overflow-x:visible;overflow-x:initial}.UberEats__highfidelity__content{column-gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:0;row-gap:4rem}.UberEats__highfidelity__screen{align-items:center;justify-content:flex-end}.UberEats__usability .Iteration__section__mockup{align-items:center;flex-direction:column}.UberEats__usability .Iteration__content{align-items:center;flex-direction:row}.UberEats__usability .Iteration__content.reverse{flex-direction:row-reverse}.UberEats__usability .Iteration__description{margin-right:1.5rem}.UberEats__usability .Iteration__description .Project__subheading{margin-bottom:1.5rem}.UberEats__usability .Iteration__description.reverse{margin-left:1.5rem;margin-right:0}}@media only screen and (min-width:1600px){.UberEats__userpersona__content{padding:0 15rem}.UberEats__branding__typography .typography__row{min-width:500px}}.Disclaimer{background-color:#ffefef;border:1px solid red;border-radius:10px;display:flex;gap:2rem;max-width:800px;padding:1.5rem}.Disclaimer__icon{display:flex;flex-direction:column;justify-content:center}.Disclaimer__message{display:flex;flex-direction:column;gap:.5rem}.Disclaimer__message__title{font-size:1.125rem;font-weight:600}.Tabs__header{display:flex;gap:.5rem;list-style:none;margin-bottom:.25rem}.Tabs__header li{background-color:#eee;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;font-size:1.125rem;padding:1rem 1.75rem}.Tabs__header li:hover{background-color:#8f8f8f;color:#fff}.Tabs__content{align-items:center;background-color:#464545;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:25rem}.Tabs .active{background:#464545;color:#fff;font-weight:600}@media only screen and (max-width:768px){.Tabs .Tabs__content{padding:1rem}}.Skinopathy{color:#101010}.Skinopathy__hero{align-items:center;display:flex;flex-direction:column}.Skinopathy__hero .Tag{text-align:center}.Skinopathy__hero__description{margin-bottom:8.75rem;margin-top:1.5rem}.Skinopathy__hero__tags{grid-column-gap:.75rem;column-gap:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr}.Skinopathy__hero__title{column-gap:.75rem;margin-bottom:1rem}.Skinopathy__hero__overview{background-image:url(/static/media/skinopathy_hero.052a862505571e25f1a8.svg);background-position-x:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding-top:28rem;width:100%}.Skinopathy__hero__project-overview{background:#fff;border-radius:8px;box-shadow:0 2px 10px 0 #0000001a;color:#464545;display:flex;justify-content:space-between}.Skinopathy__hero__project-overview__column{display:flex;flex-direction:column}.Skinopathy__hero__project-overview__title{color:#378375;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.Skinopathy__disclaimer{align-items:center;display:flex;flex-direction:column;justify-content:center}.Skinopathy__overview__content{grid-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr}.Skinopathy__overview__header{margin-bottom:5rem}.Skinopathy__overview__section{display:flex;flex-direction:column;margin-bottom:3rem}.Skinopathy__overview__section .Project__subheading{margin-bottom:.75rem}.Skinopathy__designprocess__header{margin-bottom:2rem}.Skinopathy__designprocess__phases{column-gap:1.25rem;margin-top:4rem;overflow:wrap}.Skinopathy__designprocess__step{background-color:#fafafa;border-radius:6px;padding:1rem}.Skinopathy__designprocess__step span{font-size:1.25rem;font-weight:600;line-height:2rem}.Skinopathy__designprocess__step ul{margin-top:1rem}.Skinopathy__project_goals__goals_chart{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}.Skinopathy__project_goals__goals_chart__column{display:grid}.Skinopathy__project_goals__goals_chart__column .Project__subheading{margin-bottom:1rem}.Skinopathy__project_goals__goals_chart__column .Border__box{display:flex;flex-direction:column;margin-bottom:2.5rem}.Skinopathy__project_goals__goals_chart__column .Border__box strong{font-size:1.125rem;margin-bottom:.75rem}.Skinopathy__project_goals__responsibilities_constraints{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:4rem}.Skinopathy__project_goals__responsibilities_constraints__column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-rows:.25fr 1fr 1fr 1fr}.Skinopathy__project_goals__responsibilities_constraints__column .Column__header{color:#101010;font-size:1.5rem;font-weight:600;text-align:center}.Skinopathy__project_goals__responsibilities_constraints__column .Border__container{display:flex;flex-direction:column}.Skinopathy__project_goals__responsibilities_constraints__column .Border__container strong{margin-bottom:.75rem}.Skinopathy__problemstatement{background-color:#faaf41;padding-bottom:6.25rem;padding-top:6.25rem}.Skinopathy__problemstatement .Project__header{color:#101010}.Skinopathy__problemstatement .highlight{color:#fff}.Skinopathy__ui_specification__content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.Skinopathy__ui_specification__tabs .TabVariant__content{display:flex;flex-direction:column;flex-grow:1;margin-top:1.5rem}.Skinopathy__ui_specification__tabs .TabVariant__content .Border__container{display:flex;flex-direction:column;margin-bottom:1.5rem}.Skinopathy__ui_specification__tabs .TabVariant__content .Border__container strong{margin-bottom:.75rem}.Skinopathy__ui_specification__flow_points{display:flex;flex-direction:column;gap:1.5rem}.Skinopathy__ui_specification__flow_points .Collapsible__title{font-weight:700}.Skinopathy__ui_specification__flow_points .Collapsible__content{flex-direction:column;gap:0}.Skinopathy__ui_specification__flow_points .Collapsible__content .Flow{display:flex;flex-direction:column}.Skinopathy__ui_specification__flow_points .Collapsible__content .Flow:first-of-type{margin-bottom:2rem}.Skinopathy__ui_specification__flow_points .Collapsible__content .Border__box{display:flex;flex-direction:column;margin-left:1.5rem}.Skinopathy__ui_specification__flow_points .Collapsible__content strong{margin-bottom:.75rem}.Skinopathy__userflow__content{align-items:center;display:flex;flex-direction:column}.Skinopathy__userflow .Collapsible{margin-bottom:3rem;max-width:500px;width:50%}.Skinopathy__ideation__content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.Skinopathy__ideation__content .Project__subheading{margin-bottom:1rem}.Skinopathy__ideation__content .Tabs{color:#fff;width:100%}.Skinopathy__ideation__content .Tabs .Project__subheading{color:#fff}.Skinopathy__ideation__content .Tab__content{display:flex;padding:4rem}.Skinopathy__ideation__content .Tab__content__description{margin-left:2.5rem}.Skinopathy__ideation__content .Tab__content .Option__one{align-items:center;display:flex}.Skinopathy__ideation__content .Tab__content .Option__one__step{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0 .5rem}.Skinopathy__next_steps p:first-of-type{margin-bottom:1.5rem}.Skinopathy__next_steps .Button{margin-top:4rem}.Skinopathy__conclusion .Project__subheading{margin-bottom:1rem}.Skinopathy__conclusion__chart{grid-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:1fr 1fr;justify-items:start;margin-top:4rem}.Skinopathy__button{align-items:center;border-radius:40px;display:flex;justify-content:center;margin-bottom:1.5rem;padding-bottom:.75rem;padding-top:.75rem}.Skinopathy__button__primary{background-color:#fdd74f}.Skinopathy__button__secondary{background-color:#85c4ff}.Skinopathy__button__tertiary{border:2px solid #85c4ff}.Skinopathy__link{align-items:center;display:flex;font-size:15px;justify-content:center;padding-bottom:.75rem;padding-top:.75rem;text-decoration:underline}@media only screen and (max-width:600px){.Skinopathy__overview{margin-top:0}.Skinopathy__overview__content{flex-direction:column}.Skinopathy .Portfolio__section__description{width:auto}.Skinopathy__hero__overview{background-size:90vw;padding-top:75%}.Skinopathy__hero__tags{display:flex;gap:.5rem}.Skinopathy__hero__description{text-align:center}.Skinopathy__hero__project-overview{align-items:center;flex-direction:column;margin-bottom:1.25rem;padding:1.5rem;text-align:center}.Skinopathy__hero__project-overview__column{margin-bottom:3rem}.Skinopathy__hero__project-overview :nth-child(4){margin-bottom:0}.Skinopathy__overview__content{display:flex}.Skinopathy__designprocess__phases{display:flex;flex-direction:column;gap:1.25rem}.Skinopathy__project_goals__goals_chart,.Skinopathy__project_goals__responsibilities_constraints,.Skinopathy__ui_specification__content{display:flex;flex-direction:column}.Skinopathy__userflow .Collapsible{width:100%}.Skinopathy__ideation__content img,.Skinopathy__userflow__content svg{height:100%;width:100%}.Skinopathy__ideation__content .Tab__content{flex-direction:column;padding:1rem}.Skinopathy__ideation__content .Tab__content__description{margin-left:0;margin-top:1.25rem}.Skinopathy__conclusion__chart{display:flex;flex-direction:column}.Skinopathy .Disclaimer__icon{display:none}}@media only screen and (min-width:600px){.Skinopathy{margin-top:7rem}.Skinopathy__overview__content{flex-direction:column}.Skinopathy .Portfolio__section__description{width:auto}.Skinopathy__hero__overview{background-size:90vw;padding-top:75%}.Skinopathy__hero__tags{display:flex;gap:.5rem}.Skinopathy__hero__description{text-align:center}.Skinopathy__hero__project-overview{align-items:center;flex-direction:column;margin-bottom:1.25rem;padding:1.5rem;text-align:center}.Skinopathy__hero__project-overview__column{margin-bottom:3rem}.Skinopathy__hero__project-overview :nth-child(4){margin-bottom:0}.Skinopathy__overview__content{display:flex}.Skinopathy__designprocess__phases{display:flex;flex-direction:column;gap:1.25rem}.Skinopathy__project_goals__goals_chart,.Skinopathy__project_goals__responsibilities_constraints,.Skinopathy__ui_specification__content{display:flex;flex-direction:column}.Skinopathy__userflow .Collapsible{width:100%}.Skinopathy__ideation__content img,.Skinopathy__userflow__content svg{height:100%;width:100%}.Skinopathy__ideation__content .Tab__content{flex-direction:column;padding:1rem}.Skinopathy__ideation__content .Tab__content__description{margin-left:0;margin-top:1.25rem}.Skinopathy__ideation .Tab__content{padding:1rem}.Skinopathy__conclusion__chart{display:flex;flex-direction:column}.Skinopathy .Disclaimer__icon{display:none}}@media only screen and (min-width:768px){.Skinopathy{margin-top:0}.Skinopathy .Portfolio__section__description{width:auto}.Skinopathy__hero__overview{background-size:90vw}.Skinopathy__hero__tags{display:flex;gap:.5rem}.Skinopathy__hero__description{text-align:center}.Skinopathy__hero__project-overview{align-items:center;flex-direction:column;margin-bottom:1.25rem;padding:1.5rem;text-align:center}.Skinopathy__hero__project-overview__column{margin-bottom:3rem}.Skinopathy__hero__project-overview :nth-child(4){margin-bottom:0}.Skinopathy__project_goals__goals_chart,.Skinopathy__project_goals__responsibilities_constraints,.Skinopathy__ui_specification__content{display:flex;flex-direction:column}.Skinopathy__userflow .Collapsible{width:100%}.Skinopathy__ideation__content img,.Skinopathy__userflow__content svg{height:100%;width:100%}.Skinopathy__ideation .Tab__content{padding:1rem}.Skinopathy .Disclaimer__icon{display:none}}@media only screen and (min-width:1024px){.Skinopathy__hero__overview{background-size:100%;padding-top:28rem}.Skinopathy__hero__project-overview{align-items:start;flex-direction:row;margin-bottom:0}.Skinopathy__hero__project-overview__column{margin-bottom:3rem}.Skinopathy__overview__content{display:grid;grid-template-columns:1fr 1fr}.Skinopathy__designprocess__phases{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}.Skinopathy__project_goals__goals_chart{display:grid;grid-template-columns:1fr 1fr 1fr}.Skinopathy__project_goals__responsibilities_constraints,.Skinopathy__ui_specification__content{display:grid;grid-template-columns:1fr 1fr}.Skinopathy__ideation__content img{height:auto;width:auto}.Skinopathy__ideation__content .Tab__content{flex-direction:row;padding:1rem}.Skinopathy__ideation__content .Tab__content__description{margin-left:1.25rem;margin-top:0}.Skinopathy__ideation .Tab__content{padding:4rem}.Skinopathy__conclusion__chart{display:grid;grid-template-columns:1fr 1fr}.Skinopathy .Disclaimer__icon{display:flex}}@media only screen and (min-width:1400px){.Skinopathy__hero__overview{padding-top:38rem}}.TabsVariant__header{border-bottom:1px solid #bbb;display:flex;gap:3rem;list-style:none}.TabsVariant__header li{color:#bbb;cursor:pointer;font-size:1.125rem}.TabsVariant__header li:hover{border-bottom:3px solid #5f5f5f;color:#5f5f5f}.TabsVariant__content{display:flex}.TabsVariant .active{font-weight:700}.TabsVariant .active,.TabsVariant .active:hover{border-bottom:3px solid #101010;color:#101010}.Project__header{color:#378375;font-size:1.125rem;font-weight:400;margin-bottom:1rem;text-transform:uppercase}.Project__title{color:#101010;font-size:2.5rem;font-weight:500;line-height:3.75rem;margin-bottom:2rem}.Project__subtitle{color:#101010;font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.Project__subheading{color:#707070;font-size:1rem;line-height:24px;text-transform:uppercase}@media only screen and (max-width:600px){.Project__title{font-size:1.75rem;line-height:36px}}body,html{color:#101010;font-weight:400;height:100vh;margin:0}#root{height:100vh}#root,.WorkInProgress{display:flex;flex-direction:column}.WorkInProgress{align-items:center;flex-grow:1;justify-content:center;padding:1rem;text-align:center}.WorkInProgress__title{color:#101010;font-size:1.25rem;font-weight:500;line-height:3.75rem;margin-bottom:2rem}.WorkInProgress__thanks{margin-top:1.5rem}
/*# sourceMappingURL=main.73a29320.css.map*/