*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{color:#fff;font-family:lexend}#root{background:#121212;background-size:cover;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;width:100vw;z-index:-10}:root ::-webkit-scrollbar{display:none}.capitalized{text-transform:capitalize}.nav-parent{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.09)),#121212;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12);display:flex;height:8vh;justify-content:space-between;padding:10px}.nav-parent a{height:100%}.nav-parent .icon{display:flex;font-family:Koulen;gap:10px;height:85%}.nav-parent .icon p{align-items:center;display:flex;font-size:4vh}@media screen and (max-width:420px){.nav-parent .icon p{display:none}}.nav-parent .nav-search{border-bottom:1.7px solid #fff;display:flex;width:40%}@media screen and (max-width:420px){.nav-parent .nav-search{width:60%}}.nav-parent .nav-search input{background:transparent;border:none;color:#fff;font-family:Lexend;font-size:2vw;outline:none;width:100%}@media screen and (max-width:420px){.nav-parent .nav-search input{font-size:4.5vw}}.nav-parent .nav-search button{background:transparent;border:none;cursor:pointer}@media screen and (max-width:420px){.nav-parent .nav-search button img{height:60%}}.nav-parent .user-page-btn{align-items:center;border:2px solid #ffa726;border-radius:100px;color:#fff;display:flex;font-size:2.4vh;gap:10px;height:3rem;padding:8px}@media screen and (max-width:420px){.nav-parent .user-page-btn{border:none}}.nav-parent .user-page-btn .merp{height:100%}.landing-parent{display:flex;height:80vh;padding:2.5% 5% 5%}.landing-parent .landing-left{display:flex;flex-direction:column;width:50%}.landing-parent .landing-left .mobile-arrow{display:none}@media screen and (max-width:420px){.landing-parent .landing-left{width:100%}.landing-parent .landing-left .desktop-arrow{display:none}.landing-parent .landing-left .mobile-arrow{display:inline-block}.landing-parent .landing-left .mobile-arrow:before{content:" "}}.landing-parent .landing-left .landing-title{font-family:koulen;font-size:5.55vw;letter-spacing:3px;line-height:100%}@-webkit-keyframes fadedown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadedown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.landing-parent .landing-left .landing-title :first-child,.landing-parent .landing-left .landing-title :nth-child(2){-webkit-animation:fadedown .8s forwards;animation:fadedown .8s forwards;color:hsla(0,0%,100%,.7)}.landing-parent .landing-left .landing-title :nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s;opacity:0}.landing-parent .landing-left .landing-title :nth-child(3){-webkit-animation:fadedown 1s forwards;animation:fadedown 1s forwards;-webkit-animation-delay:.6s;animation-delay:.6s;opacity:0}@media screen and (max-width:420px){.landing-parent .landing-left .landing-title{font-size:15vw}}.landing-parent .landing-left>p{font-size:1.5vw;font-weight:300;letter-spacing:1px;margin:3% 0}@media screen and (max-width:420px){.landing-parent .landing-left>p{font-size:5.2vw}}.landing-parent .landing-left .start-btn{background:transparent;color:hsla(0,0%,100%,.7);cursor:pointer;font-family:lexend;font-size:2vw;font-weight:200;letter-spacing:1px;margin-top:2vw;width:100%}.landing-parent .landing-left .start-btn:hover>.desktop-arrow{color:#ffa726;display:inline-block;-webkit-transform:translateX(20px);transform:translateX(20px);transition:.5s}@media screen and (max-width:420px){.landing-parent .landing-left .start-btn:hover>.desktop-arrow{display:none}.landing-parent .landing-left .start-btn{font-size:7vw;margin-top:auto;text-align:center}.landing-parent .mobile-hidden{display:none}}.landing-parent .landing-form{-webkit-animation:fadeInRight 1s forwards;animation:fadeInRight 1s forwards;display:flex;flex-direction:column;gap:1.5vh;width:50%}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.landing-parent .landing-form .height{display:flex;gap:1vw;width:60%}.landing-parent .landing-form .height input{background:linear-gradient(180deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.09));background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.6);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12);color:#fff;font-size:1.1vw;height:2.5vh;width:60%}@media screen and (max-width:420px){.landing-parent .landing-form .height input{font-size:4.6vw}}.landing-parent .landing-form :first-child,.landing-parent .landing-form :nth-child(4){color:#ffa726;font-family:koulen;font-size:1.9vw}.landing-parent .landing-form :nth-child(2){font-size:1.4vw}.landing-parent .landing-form :nth-child(5){text-decoration:underline}.landing-parent .landing-form :nth-child(6){color:#faebd7}.landing-parent .landing-form input,.landing-parent .landing-form select{background:linear-gradient(180deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.09));background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.6);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12);color:#fff;font-size:1.1vw;height:2.5vh;width:60%}@media screen and (max-width:420px){.landing-parent .landing-form{width:100%}.landing-parent .landing-form .height{gap:5vw;width:100%}.landing-parent .landing-form :first-child,.landing-parent .landing-form :nth-child(4){font-size:5.5vw}.landing-parent .landing-form :nth-child(2){font-size:4.5vw}.landing-parent .landing-form input,.landing-parent .landing-form select{font-size:4.5vw;width:100%}}.landing-parent .submit-btn{background:#ffa726;border:none;cursor:pointer;font-size:.9vw;height:5vh;margin-top:2vh;width:12vw}@media screen and (max-width:420px){.landing-parent .submit-btn{font-size:4vw;width:40vw}}.cardlist-parent{display:flex;height:92vh;width:100vw}.cardlist-parent .plate{-webkit-animation:intro 5s forwards;animation:intro 5s forwards;width:65vw}@media screen and (max-width:420px){.cardlist-parent .plate{padding:5%;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:100%}}@-webkit-keyframes intro{0%{opacity:0}to{opacity:1}}@keyframes intro{0%{opacity:0}to{opacity:1}}.cardlist-parent .search-results-display{display:flex;flex-direction:column;gap:1%;overflow:scroll;padding:2.5%;width:65%}@media screen and (max-width:420px){.cardlist-parent .search-results-display{height:63%;padding:5%;width:100%}}.cardlist-parent .search-results-display .search-cards{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.cardlist-parent .macro-display{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.07)),#121212;display:flex;flex-direction:column;gap:2vh;height:92vh;position:fixed;right:0;width:35%;z-index:1}.cardlist-parent .macro-display .meal-history{overflow:scroll}@media screen and (max-width:420px){.cardlist-parent .macro-display .meal-history{display:none}}.cardlist-parent .macro-display p{font-family:Koulen;font-size:2.5vw}.cardlist-parent .macro-display .bmr-divide{color:#faebd7;display:flex;font-size:3vw;gap:1vw}.cardlist-parent .macro-display .bmr-divide span{align-items:flex-end;color:#ffa726;display:flex;font-size:2vw}.cardlist-parent .macro-display .macro-counts{display:flex;font-size:2vw;justify-content:space-between;width:90%}.cardlist-parent .macro-display .macro-counts>*{align-items:center;display:flex;flex-direction:column}.cardlist-parent .macro-display .bmr-difference{font-size:2vw}@media screen and (max-width:420px){.cardlist-parent .macro-display{bottom:0;gap:6%;height:20vh;width:100%}.cardlist-parent .macro-display p{font-size:6vw}.cardlist-parent .macro-display .bmr-difference{display:none}.cardlist-parent .macro-display .bmr-divide,.cardlist-parent .macro-display div{font-size:5vw}.cardlist-parent .macro-display .bmr-divide span,.cardlist-parent .macro-display div span{font-size:4vw}.cardlist-parent .macro-display span{font-size:5vw}}.cardlist-parent .meal-history{gap:2vh;overflow-y:scroll;width:100%}.card-right,.cardlist-parent .meal-history{align-items:center;display:flex;flex-direction:column}.card-right{background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.14)),#121212;justify-content:space-between;padding:5%;width:60%}.card-right p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5vw;overflow:hidden}@media screen and (max-width:420px){.card-right p{font-size:2.5vw}}.card-right button{align-items:center;background:#ffa726;border:none;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12);color:#121212;display:flex;font-weight:900;height:35%;justify-content:center;width:50%}.common-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.card-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:block;font-family:Lexend;font-size:18px;height:18px;letter-spacing:.46px;line-height:100%;margin-left:1%;text-transform:uppercase}.common-card-parent{aspect-ratio:1/.37;display:flex;margin-bottom:3%;width:49%}.common-card-parent img{height:100%;width:40%}.branded-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.branded-card-parent{aspect-ratio:1/.37;display:flex;margin-bottom:3%;width:49%}.branded-card-parent img{height:100%;width:40%}.mealCard-parent{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;aspect-ratio:1/.3;background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.14)),#121212;display:flex;width:90%}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.mealCard-parent .mealCard-img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:30%}.mealCard-parent .mealCard-info{display:flex;flex-direction:column;justify-content:space-between;padding:2.5%;width:70%}.mealCard-parent .mealCard-info .meal-name{align-items:center;display:flex;font-family:lexend;font-size:2vw;font-weight:500;height:25%;justify-content:space-between;text-transform:capitalize}.mealCard-parent .mealCard-info .mealCard-macros{align-items:flex-end;display:flex;font-family:lexend;font-size:110%;font-weight:200;height:75%;justify-content:space-between;width:100%}.mealCard-parent .mealCard-info .mealCard-macros>*{align-items:center;display:flex;flex-direction:column}.userpage-parent{display:flex}@media screen and (max-width:420px){.userpage-parent{flex-direction:column;justify-content:start}}.userpage-parent .userpage-left{display:flex;flex-direction:column;height:92vh;justify-content:space-between;padding:2.5% 2.5% 2.5% 5%;width:50%}.userpage-parent .userpage-left .user-daily-macro{background:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.11)),#121212;display:flex;flex-direction:column;gap:3vh;padding:24px;width:100%}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header{align-items:center;display:flex;flex-direction:column;gap:1vh}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header :first-child{color:hsla(0,0%,100%,.7);font-size:1.11vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header :last-child{display:inline-block;font-family:Koulen;font-size:2.5vw;letter-spacing:1.5px;line-height:48px}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-body{align-items:baseline;display:flex;font-size:3vw;gap:1vw;justify-content:center;letter-spacing:1.5px;line-height:72px}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-body div{font-size:1.2vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-difference{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:1.2vw;justify-content:center}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-difference :first-child{font-size:2vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-footer{display:flex;justify-content:space-between}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-footer div{align-items:center;display:flex;flex-direction:column;font-size:1.2vw;gap:1vh}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-footer div :nth-child(2){font-size:1.9vw}@media screen and (max-width:420px){.userpage-parent .userpage-left .user-daily-macro{gap:2vh}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header{gap:0}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header :first-child{font-size:3vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-header :last-child{font-size:6vw;line-height:3vh}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-body{font-size:6vw;gap:2vw;letter-spacing:1.5px;line-height:3vh}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-body div{align-self:flex-start;font-size:2.5vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-difference{font-size:2.5vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-difference :first-child{font-size:4vw}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-footer div{font-size:2.5vw;gap:0}.userpage-parent .userpage-left .user-daily-macro .user-daily-macro-footer div :nth-child(2){font-size:4vw}}.userpage-parent .userpage-left .user-name{display:flex;gap:2%;height:12%}.userpage-parent .userpage-left .user-name div :first-child{font-family:Koulen;font-size:2.22vw;letter-spacing:1.5px;line-height:5.8vh}@media screen and (max-width:420px){.userpage-parent .userpage-left .user-name div :first-child{font-size:6vw}}.userpage-parent .userpage-left .user-name div :first-child+p{color:hsla(0,0%,100%,.7);font-size:1.11vw}@media screen and (max-width:420px){.userpage-parent .userpage-left .user-name div :first-child+p{font-size:16px;font-size:4vw;line-height:3vh}.userpage-parent .userpage-left{flex-direction:column-reverse;height:auto;justify-content:start;padding:0;width:100%}.userpage-parent .userpage-left .user-daily-macro{background:transparent}.userpage-parent .userpage-left .user-name{background:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.11)),#121212;gap:0;height:9vh;padding:2.5%}.userpage-parent .userpage-left .user-name div{display:flex;flex-direction:column;justify-content:flex-end}}.userpage-parent .userpage-right{display:flex;flex-direction:column;gap:4%;height:92vh;padding:2.5% 5% 0 1.5%;width:50%}.userpage-parent .userpage-right>:first-child{font-family:Koulen;font-size:2.22vw;letter-spacing:1.5px;line-height:5.8vh}@media screen and (max-width:420px){.userpage-parent .userpage-right{height:40vh;width:100%}.userpage-parent .userpage-right>:first-child{font-size:4vw;line-height:3vh}}.userpage-parent .userpage-right .user-meals{display:flex;flex-direction:column;gap:5%;height:100%;overflow-y:scroll;width:100%}.userpage-parent .userpage-right .user-meals>*{width:100%}@media screen and (max-width:420px){.mobile-hidden{display:none}}
/*# sourceMappingURL=main.df315395.css.map*/