@import url(https://fonts.googleapis.com/css2?family=Courgette&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap);*{padding:0;margin:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.main-form,.nav-form{transition:all .5s ease-in-out;width:85%;height:2.5rem;margin:1.5rem auto 0;border-radius:.5rem;padding:0 3%;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.main-form input,.nav-form input{font-size:1.25rem;flex-basis:95%;height:100%;border:none;outline:none}.main-form input:hover,.nav-form input:hover{outline:none;border:none}.main-form label,.nav-form label{display:flex;flex-direction:column;justify-content:center;flex-basis:5%;flex-grow:0;height:100%}.main-form label svg,.nav-form label svg{opacity:.7;cursor:pointer}.main-form label svg:hover,.nav-form label svg:hover{transition:all .5s ease-in-out;opacity:1}.home{width:100%;height:100%;overflow-x:hidden;background-image:linear-gradient(75deg,#fdfbfb,#ebedee)}.home .home-search{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/static/media/splash-img.2601dd64.jpg);background-repeat:no-repeat;background-size:cover}.home .home__title{font-size:2.5rem;font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.home .home__suggestor{color:#000;font-weight:bolder}.home-main{width:95%;margin:2rem auto}.home-main .home-main__title{font-size:1.5rem;width:100%;text-align:center;margin-bottom:0;font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.main-form label{flex-basis:10%}.main-sub{width:95%;margin:0 auto;display:flex;flex-direction:column}.main-sub .main-sub__info{margin:2.5rem auto 1rem;font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:400}.main-sub .main-sub__info__title{width:100%;margin:0 auto .5rem;display:flex}.main-sub .main-sub__info__title span{width:1.5rem;height:1.5rem;border-radius:50%;margin-right:1rem;background-color:#f1f10c}.main-sub .main-sub__info__title h3{font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-align:center;font-size:1rem}.main-sub .main-sub__img-div img{width:100%;height:100%;object-fit:cover}.nav-form{transition:all .5s ease-in-out;align-self:center;margin-top:0;height:2rem;width:60%}.nav-form input{width:50%;font-size:1rem}.nav-form label{flex-basis:10%}.mobile-nav-bar{position:fixed;top:0;left:0;height:3rem;width:100%;background-color:#fff;border-bottom:3px solid #f1f10c;display:flex;justify-content:space-around;align-items:center;z-index:10;margin:0}.mobile-nav-bar .mobile-nav-bar__logo{font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;position:absolute;left:1rem;color:#000;font-size:1.25rem;font-weight:700;opacity:.7}.menu-btn{position:absolute;margin:.2rem;top:1.25rem;right:1rem;height:1rem;width:2rem;z-index:10;cursor:pointer;background-color:transparent}.menu-btn__burger{transition:all .5s ease-in-out;z-index:20;top:0;opacity:.7;margin-right:.5rem}.menu-btn__burger,.menu-btn__burger:before{position:absolute;left:0;width:1.5rem;height:.1rem;background:rgba(0,0,0,.7)}.menu-btn__burger:before{content:"";top:-.5rem}.menu-btn__burger:after{content:"";position:absolute;left:0;top:.5rem;height:.1rem;width:1.5rem;background:rgba(0,0,0,.7)}.menu-btn__burger.open{transform:rotate(180deg);background:transparent}.menu-btn__burger.open:before{transform:translateY(.5rem) rotate(45deg)}.menu-btn__burger.open:after{transform:translateY(-.5rem) rotate(-45deg)}.nav{transition:all .5s ease-in-out;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;overflow-x:hidden;height:100%;overflow-y:hidden;background:#fff;transform:translateY(-200vh);opacity:1;z-index:9}.nav.open{transform:translateY(0)}.nav .nav__menu{position:absolute;top:15%;margin:2.5rem auto 0;width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;list-style-type:none;line-height:2}.nav .nav__menu__item{font-size:2.5rem;font-weight:500;z-index:1}.nav .nav__menu__item__link{color:rgba(0,0,0,.5);cursor:pointer}.nav .nav__menu__item__link.active{border-bottom:5px solid #f1f10c}.nav .nav__menu__item__link.logo{font-weight:700;display:none;cursor:pointer;color:#000}.recipe-grid{background-image:linear-gradient(75deg,#fdfbfb,#ebedee);width:90%;margin:2.5rem auto 5rem;overflow-x:hidden;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.recipe-card{background-color:#fff;position:relative;width:100%;height:12.5rem;cursor:pointer;opacity:1}.recipe-card:hover{transition:all .5s ease-in-out;opacity:.9}.recipe-card .recipe-card__time{position:absolute;top:2%;left:2%;width:5rem;text-align:center;padding:.5rem;background-color:#fff;border-radius:1.5rem}.recipe-card .recipe-card__img-div{width:100%;height:65%}.recipe-card .recipe-card__img-div img{width:100%;height:100%;object-fit:cover}.recipe-card .recipe-card__title{font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;width:100%;text-align:center;padding:.5rem}.modal-container{position:fixed;z-index:20;top:0;left:0;right:0;bottom:0;padding:2.5rem 0;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}.recipe-modal{position:absolute;overflow-y:scroll;width:95%;height:100%;margin:0 auto;padding-bottom:1.5rem;background-color:#fff;position:relative}.recipe-modal .recipe-modal__img-div{position:relative;width:100%;height:20rem}.recipe-modal .recipe-modal__img-div span{position:absolute;top:1rem;right:1.5rem;color:#fff;transform:scale(2.5);cursor:pointer}.recipe-modal .recipe-modal__img-div span:hover{transition:all .5s ease-in-out;color:red}.recipe-modal .recipe-modal__img-div img{width:100%;height:100%;object-fit:cover}.recipe-modal .recipe-modal__summary{line-height:1.5;font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:lighter}.recipe-modal .recipe-modal__diets{margin:1.5rem auto;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.recipe-modal .recipe-modal__diets__item{background-color:rgba(0,0,0,.5);color:#fff;padding:.4rem;border-radius:.5rem;margin-bottom:.5rem}.recipe-modal h2{width:100%;padding:1.5rem 1.5rem 0;text-align:center}.recipe-modal h2,.recipe-modal p{font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.recipe-modal p{width:90%;margin:1rem auto;padding:.5 rem 1.5rem;line-height:1.2;font-weight:lighter}.recipe-modal .recipe-modal__list{width:80%;margin:1.5rem auto}.recipe-modal .recipe-modal__list h3,.recipe-modal .recipe-modal__list li{margin-bottom:.5rem;font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.recipe-modal .recipe-modal__list li{font-weight:lighter}.search-page{width:100%;height:100%;overflow-x:hidden;background-image:linear-gradient(75deg,#fdfbfb,#ebedee)}.search-page__title{padding-top:5rem;width:100%;text-align:center;font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.search-plus{background-image:linear-gradient(75deg,#fdfbfb,#ebedee);width:100%;margin:auto;height:100vh;padding:2rem .5rem;overflow-x:hidden}.search-plus__pop-up{width:80%;height:100%;margin:1rem auto;padding-top:2rem;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.search-plus__pop-up .search-plus__pop-up__input{width:100%;height:2rem;padding:.5rem;margin:0 auto;outline:none;border:1px solid #a8a808;border-radius:1rem}.btn,.search-plus__pop-up .search-plus__pop-up__input:focus{outline:none;border:1px solid #a8a808}.btn{width:50%;display:flex;justify-content:center;margin:1.5rem auto;background-color:#fff;color:#000;padding:.5rem;border-radius:1rem;cursor:pointer;font-weight:700}.btn:hover{transition:all .5s ease-in-out;outline:none;background-color:#a8a808;color:#fff}.ingredients-lister{width:95%;height:9rem;overflow-y:auto;margin:1.5rem auto;border:1px solid #a8a808;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;list-style-type:none}.ingredients-lister li{color:#000;border:1px solid #a8a808;margin:.25rem;padding:.5rem;border-radius:1rem;cursor:pointer}.footer{position:relative;width:100%;height:13rem;border-top:1px solid #000;background-color:#fff;padding-top:0}.footer .footer-flex{width:100%;height:75%;margin:auto;display:flex;flex-direction:column}.footer .footer-flex__item{display:flex}.footer .footer-flex__item ul{width:90%;margin:.5rem auto;text-align:center;display:flex;text-align:left;list-style-type:none}.footer .footer-flex__item ul span{flex-basis:20%;margin-bottom:.5rem;font-weight:700}.footer .footer-flex__item ul li{margin:0 .5rem;line-height:1.75;cursor:pointer}.footer .footer-flex__item ul li:hover{text-decoration:underline}.footer .footer-flex__item.socials{width:50%;height:5rem;margin:0 auto;display:flex;align-items:center}.footer .footer-flex__item.socials span{margin-bottom:.5rem;font-weight:700}.footer .footer-flex__item.socials ul{width:50%;display:flex;flex-direction:row;justify-content:space-between}.footer .footer-flex__item.socials ul li .footer-icon{transform:scale(1.5);color:#000;opacity:1}.footer .footer-flex__item.socials ul li .footer-icon:hover{cursor:pointer;transition:all .5s ease-in-out;opacity:.7;transform:scale(1.7)}.footer .footer-copyright{color:red}.footer p{width:100%;text-align:center;position:absolute;bottom:1.5rem}.footer-flex__item__link{margin:0 .5rem;color:#000;line-height:1.75;cursor:pointer}.footer-flex__item__link:hover{text-decoration:underline}@media screen and (min-width:360px){.search-plus__pop-up{height:80%;margin-top:3rem}}@media screen and (min-width:412px){.nav-form{width:65%}.menu .menu__lister__item{margin:.5rem 1rem!important}}@media screen and (min-width:550px) and (max-width:767px){.home .main-form{width:60%}.home .main-form input{font-size:1.25rem}.home .main-form label{flex-basis:7.5%}.home .nav-form{width:70%}.home .nav-form label{flex-basis:5%}.home-main .home-main__title{font-size:2rem}.main-sub{width:75%}.footer .footer-flex{width:50%;margin:1rem auto}.recipe-modal{width:70%}.search-plus__pop-up form{width:50%}.search-plus__pop-up .search-plus__pop-up__input{width:100%;font-size:1.25rem}.search-plus__pop-up .ingredients-lister{width:75%}.menu .menu__header{top:6rem!important}}@media screen and (min-width:768px){.mobile-nav-bar{height:4rem;justify-content:flex-start}.menu-btn{top:45%}.menu-btn__burger{height:.2rem}.menu-btn__burger:after,.menu-btn__burger:before{height:inherit}.nav .nav__menu{line-height:2.5}.home .home__title,.nav .nav__menu__item__link{font-size:3.5rem}.home .home__suggestor{font-size:1.25rem}.nav-form{height:75%}.nav-form input{font-size:1.5rem}.nav-form label{flex-basis:5%}.main-form{width:65%;height:3.5rem;border-radius:1rem}.main-form input{font-size:1.75rem}.main-form label{flex-basis:6%}.home-main .home-main__title{font-size:2.5rem;margin-bottom:2rem}.main-sub{flex-direction:row}.main-sub .main-sub__info{flex-basis:50%;padding:1rem}.main-sub .main-sub__info__title h3{font-size:1.25rem;text-align:left}.main-sub .main-sub__img-div{flex-basis:50%}.main-sub:nth-child(3) div:last-child{order:-1}.search-page__title{font-size:2rem;margin-top:2rem}.menu .menu__lister{padding-top:5rem;top:1rem!important}.menu .menu__lister__item{font-size:1.5rem}.menu .menu__header{top:8rem!important;font-size:2rem}.recipe-modal{width:95%;height:90%;margin-top:5rem}.search-plus{padding-top:15%}.main-sub.search-plus{width:85%;flex-direction:column}.search-plus__pop-up{height:50%;margin-top:25%}.search-plus__pop-up .search-plus__pop-up__input{height:2rem;font-size:1.25rem}.search-plus__pop-up form{width:60%}.footer{height:15rem;padding-top:2rem}.footer .footer-flex{width:50%}.footer .footer-flex__item,.footer .footer-flex span{font-size:1.1rem}}@media screen and (min-width:1024px){.mobile-nav-bar{display:none}.nav{background-image:linear-gradient(75deg,#fdfbfb,#ebedee);border-bottom:2px solid #f1f10c;display:flex;justify-content:center;align-items:center;height:4rem;transform:translateY(0)}.nav .nav__menu{margin:0 1rem;padding-top:0;padding-bottom:1rem;position:static;flex-direction:row;justify-content:flex-end}.nav .nav__menu__item{margin-top:0;padding-top:0}.nav .nav__menu__item:first-child{color:#00f}.nav .nav__menu__item__link{font-size:1.2rem;margin:0 1rem;padding-top:0}.nav .nav__menu__item__link.logo{position:absolute;left:1rem;top:.5rem;display:block;font-size:1.2rem;font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.nav-form{width:60%;margin-top:1rem;margin-left:6rem;height:2.5rem}.nav-form label{flex-basis:4%}.nav-form input{padding-bottom:.5rem}.recipe-modal{width:70%}.search-plus{height:100vh;padding:2rem 5rem 0}.main-sub.search-plus{height:85vh;padding-top:0;margin-top:2.5rem;width:80%;overflow-y:hidden}.search-plus__pop-up{margin-top:5rem;height:70%;width:40%;padding-top:2.5rem}.explorer .explorer__box{width:50%!important}.main-sub.search-plus{flex-direction:row;justify-content:center;height:25rem;margin-top:5rem;width:100%}.main-sub.search-plus .info{padding:2rem 0 0;margin-right:1.5rem}.main-sub.search-plus .img-div{margin-top:3rem;height:100%}.menu .menu__lister__item{font-size:1rem}.footer .footer-flex{width:35%}}@media screen and (min-width:1280px){.home .home-search{background:url(/static/media/splash-img-3.29273f8a.jpg);background-size:cover;background-repeat:no-repeat}.main-form{width:40%;height:3rem}.main-form input{font-size:1.25rem}.main-form label{flex-basis:5%}.nav-form input{font-size:1.25rem}.nav-form label{flex-basis:3%}.main-sub{height:20rem}.main-sub .main-sub__info{padding:2.5rem 5rem}.recipe-modal{width:50%}.search-plus__pop-up .search-plus__pop-up__input{font-size:1rem}}@media screen and (min-width:1440px){.main-form input{font-size:1.75rem}.nav-form input{font-size:1.5rem}.recipe-grid{width:85%}.search-plus{padding-top:15rem}.main-sub.search-plus{transform:scale(1.2);width:90%}.btn{font-size:1.2rem}}body,html{width:100%;height:10%;background-image:#fff;font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}a{text-decoration:none}.menu{height:100%;overflow-x:hidden;padding-top:2.5rem;position:relative}.menu,.menu .menu__lister{width:100%;background-image:linear-gradient(75deg,#fdfbfb,#ebedee)}.menu .menu__lister{position:fixed;z-index:2;margin:3rem auto 2.5rem;background-color:#fff;padding:1rem;height:5rem;top:0;left:0;border-bottom:1px solid transparent;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.menu .menu__lister__item{font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:700;border:none;cursor:pointer;margin:.5rem}.menu .menu__header{border-bottom:1px solid #f1f10c;background-image:linear-gradient(75deg,#fdfbfb,#ebedee);font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;width:100%;text-align:center;position:fixed;top:7.8rem;padding-bottom:1rem;padding-top:1rem;z-index:3;left:0;margin-bottom:2.5rem;background-color:#fff}.menu .menu__grid{width:100%;margin-top:10rem}.explorer{transition:all .5s ease-in-out;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.explorer .explorer__box{padding:1rem;position:relative;width:80%;background-color:#fff}.explorer .explorer__box p{font-weight:700;line-height:1.5;font-size:1.2rem;padding:.5rem;margin-bottom:5rem;font-family:Courgette,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.explorer .explorer__box div{position:absolute;bottom:1rem;width:90%;height:25%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.explorer .explorer__box div .icon{height:70%;flex-basis:10%}.explorer .explorer__box div button{cursor:pointer;font-weight:bolder;font-size:1rem;border:none;outline:none;height:70%;flex-basis:20%;color:#fff;text-align:center;font-family:Roboto,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.explorer .explorer__box div button:active{transform:scale(.9)}.spinner{width:100%;height:100vh}.error,.spinner{display:flex;justify-content:center;align-items:center}.error{width:80%;height:60vh;overflow-x:hidden;margin:0 auto}.error .error__spec{font-weight:700;font-size:2rem;opacity:.7;text-align:center}.error .error__spec__icon{transform:scale(1.5);width:100%;text-align:center}
/*# sourceMappingURL=main.0ecc2487.chunk.css.map */