@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{margin:0;padding:0;border:0;-webkit-text-decoration:0;text-decoration:0;line-height:1.5;font-family:"Montserrat",sans-serif}body{position:relative}body.light{background:#f5f5f3;color:#1e2329}body.dark{background:#1e2329;color:#f5f5f3}body svg{pointer-events:none}.App{min-height:100vh}button{width:30px;height:30px;border-radius:5px;background:#206a5d;color:#f5f5f3;cursor:pointer;z-index:2;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}button:hover{color:#bfdcae}.diets{margin:20px 0;width:100%;display:flex;flex-flow:row wrap}.details,.diets{align-items:center;justify-content:center}.details{background:#206a5d;color:#f5f5f3;display:inline-block;padding:5px 10px;margin:5px 8px 5px 0;border-radius:20px;max-width:125px;text-align:center;font-weight:600;font-size:.8rem;display:flex;flex-flow:row nowrap;display:none}.details span{margin:0 5px}.details.active{display:inline-flex}.swiper-pagination-bullet{background:#206a5d;width:12px;height:12px}#guideContainer{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}#guideContainer section{margin:15px 0}#guideContainer .never{text-align:center;width:100%;margin:30px auto 25px}#guideContainer button{width:150px;height:40px;margin:10px auto;font-weight:600;font-size:1.1rem}#guideContainer input{width:18px;height:18px;margin:0 10px 0 0}#guideContainer h3{margin:15px 0 0}#guideContainer p{margin:10px 0;font-size:1.1rem;font-weight:600}#guideContainer code{font-family:Courier New,Courier,monospace;font-style:italic}#guideContainer .guide{background:#f5f5f3;width:350px;max-height:500px;box-shadow:0 10px 20px -6px #494949;padding:35px;text-align:center}#guideContainer .guide .swiper-slide{height:300px;padding:10px 0}#guideContainer .guide .swiper-slide div{height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}#guideContainer .illustration{width:50px;margin:10px 0 20px}#onboardingContainer{display:flex;flex-flow:column wrap;align-items:center;justify-content:center}#onboardingContainer .swiper-container{margin:30px 0}#onboardingContainer .swiper-slide{height:150px;width:100px;text-align:center}#onboardingContainer .swiper-slide h3{margin:0 0 15px}#onboardingContainer .swiper-slide p{margin:0 15px}#onboardingContainer .swiper-wrapper{width:200px}#onboardingContainer{background:#bfdcae;width:100vw;height:100vh}#signinWithGoogle{width:200px;height:48px;border-radius:10px;cursor:pointer;margin:0 auto;display:block}#signinWithGoogle img{width:100%}#onboarding{background:#f5f5f3;width:310px;height:500px;box-shadow:0 10px 20px -6px #494949}#onboarding .swiper-slide{padding:10px 0}#onboarding button{border-radius:3px;margin:20px auto;width:195px;height:40px;font-weight:600;font-size:1rem}#logo{width:100px;height:100px;margin:30px auto;display:block}#logo img{width:100%}.loadingContainer{position:relative;width:300px;height:100vh;margin:auto}.loading1,.loading2,.loading3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loading1{animation-name:fade}.loading1,.loading2{animation-duration:4s}.loading2{animation-name:appear;animation-delay:.8s;opacity:0}.loading3{opacity:0;animation-name:fall;animation-duration:3.5s;animation-delay:2.3s}@keyframes fade{0%{opacity:1;transform:translate(-35px,-50%)}30%{opacity:0;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}@keyframes appear{0%{opacity:0}50%{opacity:.7}80%{opacity:0}}@keyframes fall{0%{opacity:0;transform:translate(-50%,-50%)}50%{opacity:.6;transform:translate(-50%,-30px)}70%{opacity:0;transform:translate(-50%,-30px)}}#toggler{background:url(/static/media/morning.7d41c623.svg);height:25px;width:40px;border-radius:30px;cursor:pointer;margin:0 0 10px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}#toggler.clicked{background:url(/static/media/night.2ae06b93.svg)}#toggler div{width:25px;height:25px;border-radius:50%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}#toggler .sun{background:#5fb9b0;transition:all .4s ease;transform:translateX(-10%)}#toggler .moon{background:#2b1f31;transition:all .4s ease;transform:translateX(70%)}nav{position:fixed;right:0;left:0;background:#7eca9c;min-height:6vh;max-height:7vh;padding:2px 30px;z-index:100;box-shadow:0 2px 4px 1px rgba(0,0,0,.25);display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}nav img{width:30px;height:30px;border-radius:5px;margin:0 10px}#desktopNav{top:0}#desktopNav .logo{width:45px;height:45px;margin:20px 0;cursor:pointer}#closeModalBtn{position:absolute;inset:10px 10px auto auto}#mobileNav{bottom:0}#mobileNav .logo{width:38px;height:38px;margin-top:10px;margin-bottom:10px;cursor:pointer}#mobileNav svg{cursor:pointer}.navBtn{background:transparent}.avatar{cursor:pointer;font-weight:600;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.avatar:hover{color:#206a5d}.searchBar{width:340px}.searchBar form>section:first-of-type{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.searchInput{border-radius:5px;width:280px;padding:8px}.searchInput:focus{outline:3px solid #206a5d}#mobileModal,.modal,.options{z-index:99;box-shadow:0 10px 20px -6px #494949}.modal{background:#7eca9c;padding:20px;position:absolute;top:8vh;right:30px;font-weight:700;font-size:1rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-around}.modal.animate{animation:slide .5s ease}.modal div:nth-of-type(2),.modal div:nth-of-type(3){margin:5px 0;cursor:pointer;background:#206a5d;color:#f5f5f3;border-radius:5px;padding:6px;width:140px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.modal div:nth-of-type(2):hover,.modal div:nth-of-type(3):hover{color:#bfdcae}.modal div:nth-of-type(2) span,.modal div:nth-of-type(3) span{margin:0 10px}#mobileModal{background:#bfdcae;padding:15px 20px;position:absolute;right:10px;bottom:9vh}#mobileModal div:nth-of-type(2){font-weight:700;font-size:.9rem;margin:5px 0;cursor:pointer;background:#206a5d;color:#f5f5f3;border-radius:5px;padding:6px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}#mobileModal div:nth-of-type(2):hover{color:#bfdcae}.options{position:absolute;top:8vh;padding:20px 60px}.options.animate{animation:slide .5s ease}.options button{position:absolute;right:20px;bottom:10px}.options,.searchModal{background:#7eca9c;color:#1e2329;width:220px;z-index:100}.options section,.searchModal section{margin:15px 0;font-size:1.1rem}.options section h3,.searchModal section h3{margin:0 0 4px}.options input,.searchModal input{margin:4px 5px}@keyframes slide{0%{transform:translateY(-15px)}to{transform:translateY(0)}}.searchModal{position:fixed;top:50%;left:50%;padding:20px;width:85%;transform:translate(-50%,-50%);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.searchModal.animate{animation:reveal .5s ease}.searchModal form{padding:20px;width:90%}.searchModal form section:first-of-type{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.searchModal .searchInput{width:80%;padding:10px;margin:0 10px 0 0}@keyframes reveal{0%{opacity:0}to{opacity:1}}#homePage{padding:10px 30px 30px}#recipeGallery{padding:10px 30px 10vh;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:center}#recipeGallery .recipeTileContainer{margin:20px auto;display:-ms-grid;display:grid;grid:auto-flow/1fr;grid-gap:35px;gap:35px}#recipeGallery>button{margin:30px 1vw}.recipeTile{margin:10px 0;border-radius:5px;width:300px;max-width:310px;position:relative;box-shadow:0 10px 20px -6px #494949;cursor:pointer;transition:all .4s ease}.recipeTile:hover{transition:all .4s ease;transform:scale(1.05)}.recipeTile h2{width:100%;font-size:1.25rem;margin:0 10px 10px 0}.recipeTile>div{padding:20px 15px;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start}.recipeTile img{background:#fff;border-radius:5px 5px 0 0;width:100%;min-height:200px;object-fit:cover}.recipeTile button{position:absolute;top:12px;right:15px}.recipePage{margin:20px 0 10vh}.recipePage header{justify-content:space-between}.recipePage header,.recipePage header section{display:flex;flex-flow:column nowrap;align-items:center}.recipePage header section{text-align:center;margin:0 25px 30px 0;justify-content:center}.recipePage header img{width:450px;object-fit:cover;max-width:100%;transform:scale(1.16)}.recipePage header section div:nth-of-type(2),.recipePage header section div:nth-of-type(3){margin:5px 0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.recipePage header section p{font-size:.95rem;margin:0 0 0 8px}.recipePage h2{font-size:1.5rem;text-transform:capitalize}.recipePage h3{font-size:1.4rem;margin:0 15px 0 0}.winePage{margin:0 0 10vh;display:flex;flex-flow:column wrap;align-items:center;justify-content:center}.winePage h2{text-align:center}.winePage img{margin:30px 0}.summary,.winePage p{text-align:justify}.summary{margin:40px 0}.container{display:-ms-grid;display:grid;grid:auto-flow/repeat(2,1fr);grid-gap:30px;gap:30px;margin:20px 0 40px}.tile{padding:15px;border-radius:5px;max-width:160px;max-height:250px;box-shadow:0 2px 4px 1px #414141;text-align:center;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-around}.tile p{text-transform:capitalize;margin:10px 0 0}.tile img{transform:scale(.85);width:100%;max-width:70%;max-height:80%}.tile span{font-weight:600}.nutritionInfo{margin:40px 0}.nutritionInfo>div{margin:40px 0;flex-flow:row nowrap;justify-content:flex-start}.chart,.nutritionInfo>div{display:flex;align-items:center}.chart{flex-flow:column nowrap;justify-content:space-between}.steps{margin:15px 0}.steps h3{margin:0 0 15px}.steps>div{margin:15px 0;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start}.steps input{margin:0 15px 0 0;transform:scale(1.4)}.caloric{margin:10px 0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.caloric div{margin:0 8px 0 0;width:20px;height:20px}.caloric div.fat{background:#6a2135}.caloric div.protein{background:#c13c37}.caloric div.carb{background:#e38627}.nutrition{display:flex;flex-flow:column wrap;align-items:center;justify-content:space-between}.index{font-size:1.25rem;margin:50px}.index div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.index div span{margin:15px 10px 5px 0}.index div span:nth-of-type(2){font-weight:600}.tooltipWrapper{position:relative}.tooltipWrapper svg{font-size:1.6rem}.toolTip-top{background:#7eca9c;padding:8px;text-align:justify;width:350px;position:absolute;inset:0 auto auto 40px;font-size:.9rem}.goBackBtn{margin:3vh 0 30px 3vw}.nutritionTable{border:1px solid #000;border-collapse:collapse;font-size:.9rem}.nutritionTable thead{background:#7eca9c}.nutritionTable td,.nutritionTable th{padding:10px}.nutritionTable td:nth-of-type(2),.nutritionTable td:nth-of-type(3){text-align:center}.carousel{margin:40px auto}.carousel .swiper-slide{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.carousel h2{font-size:1.6rem;margin:5px 0 25px}.carousel h3{width:100%;font-size:1rem;color:#f5f5f3;padding:2px;background:rgba(0,0,0,.7)}.carousel section:nth-of-type(2){position:relative}.carousel section:first-of-type{text-align:right;width:270px;position:absolute;bottom:8vh;right:2vw;z-index:2;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end}.carousel section:first-of-type>*{margin:6px 3px}.recipeSlide{position:relative;cursor:pointer}.recipeSlide img{width:100%;max-height:350px;object-fit:cover;padding:10px 0;margin:5px auto 30px}.wineSlide{position:relative;cursor:pointer}.wineSlide div{max-height:280px;inset:0 0 0 0}.wineSlide img{max-height:280px;object-fit:cover;padding:10px 0;margin:5px auto 30px}.winePage{padding:20px}.winePage img{max-height:340px;object-fit:contain}.caloricChart{height:250px}.favorite,.favorite:hover{transition:all .2s ease}.favorite:hover{color:#f5f5f3;transform:scale(1.2)}.favorite.active{background:#cf0000}.favoriteRecipe,.favoriteWine{max-width:280px;max-height:320px}.favoriteRecipe h2,.favoriteWine h2{font-size:1.1rem;padding:15px 0;text-align:center}.favoriteRecipe img,.favoriteWine img{max-width:100%;object-fit:contain}.favoriteWine img{padding:15px 0;max-height:50%;transform:scale(.9)}.favoritePage{margin:30px 0 0;padding:0 7vw;display:flex;flex-flow:column wrap;align-items:center;justify-content:center}.favoriteContainer{margin:0 0 14vh;display:-ms-grid;display:grid;grid:auto-flow/1fr;grid-gap:20px 10px;gap:20px 10px}footer{position:absolute;left:0;right:0;text-align:center;font-size:.7rem;margin:15px 0;padding:0 30px}.desktop{bottom:0}.mobile{display:none}@media screen and (min-width:651px){#homePage{padding:8vh 10vw 40px}#recipeGallery{padding:10vh 10vw 40px}#recipeGallery .recipeTileContainer{grid:auto-flow/1fr 1fr}.recipePage header img{transform:scale(1)}.recipeSlide div{inset:3% 0 0 0}.favoritePage{margin:11vh 30px 30px}.favoriteContainer{grid:auto-flow/1fr 1fr;grid-gap:30px;gap:30px}.carousel h2{margin:5px 0 25px 4vw}.carousel h3{font-size:1.35rem}.carousel section:first-of-type{width:75%;right:8.5vw}.container{grid:auto-flow/repeat(4,1fr)}.nutritionTable{font-size:1.1rem}}@media screen and (min-width:1024px){.diets{width:80%;justify-content:flex-start}#desktopNav{padding:0 120px}#recipeGallery .recipeTileContainer{margin:20px auto 80px;grid:auto-flow/repeat(3,1fr)}.carousel{width:768px}.carousel section:first-of-type{width:60%;right:13.5vw}.recipePage{margin:20px 4vw 60px}.recipePage header{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:space-between}.recipePage header section{text-align:left;align-items:flex-start}.recipePage header section p{font-size:1.1rem}.recipePage header img{width:300px}.recipePage h2{font-size:2rem}.winePage{margin:20px 8vw}.winePage img{margin:40px 0}.goBackBtn{margin:5vh 0 30px 4vw}.equipmentImg{max-width:110px;max-height:100px}.favoriteContainer{grid:auto-flow/repeat(3,1fr)}}@media screen and (min-width:1280px){.container{grid:auto-flow/repeat(6,1fr)}.carousel section:first-of-type{right:9vw}#recipeGallery .recipeTileContainer,.favoriteContainer{grid:auto-flow/repeat(4,1fr)}.recipePage header img{width:400px}}
/*# sourceMappingURL=main.12e923a8.chunk.css.map */