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}*{box-sizing:border-box;margin:0;padding:0}:root{--primaryColor:#af9a7d;--darkGreen:#295d09;--lightGreen:#69ab3d;--mainWhite:#fff;--mainBlack:#222;--mainGrey:#ececec;--darkGrey:#cfcfcf;--mainTransition:all 0.3s linear;--lightShadow:2px 5px 3px 0px rgba(0,0,0,.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,.5)}body{background:#fff;background:var(--mainWhite);color:#222;color:var(--mainBlack);font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.4;padding-top:66px}h2{font-size:2em;margin-bottom:.75em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}.btnPrimary{background:#295d09;background:var(--darkGreen);border:3px solid #295d09;border:3px solid var(--darkGreen);color:#222;color:var(--mainBlack);cursor:pointer;display:inline-block;letter-spacing:var(--mainSpacing);padding:.4rem .9rem;text-decoration:none;text-transform:uppercase;transition:all .3s linear;transition:var(--mainTransition)}.btnPrimary:hover{background:transparent;color:#295d09;color:var(--darkGreen)}.navbar{background:#fff;background:var(--mainWhite);left:0;padding:.75rem 2rem;position:fixed;top:0;width:100%;z-index:1}.navHeader{display:flex;justify-content:space-between}.navBtn{background:transparent;border:none;cursor:pointer;outline:none}.navIcon{color:#295d09;color:var(--darkGreen);font-size:1.5rem}.navLogo{width:90%}.navLinks{align-items:center;height:0;list-style-type:none;overflow:hidden}.navLinks,.navLinks a{transition:all .3s linear;transition:var(--mainTransition)}.navLinks a{color:#222;color:var(--mainBlack);display:block;font-size:1rem;font-weight:600;letter-spacing:3px;padding:1rem 0;text-align:center;text-decoration:none}.navLinks a:hover{color:#295d09;color:var(--darkGreen)}.showNav{height:100px}.containerForm{align-items:center;display:flex;margin:0 auto;width:100%}.formSearch{background:#ececec;background:var(--mainGrey);border:1px solid #295d09;border:1px solid var(--darkGreen);border-radius:40px;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);height:40px;margin:0 10%;padding:7px 10px;width:80%}.inputText{background:none;border:none;color:#222;color:var(--mainBlack);font-size:1rem;outline:none;padding-left:2rem;width:70%}.headerBg{align-items:center;background:url(/static/media/defaultImg.ffc77d58415f771b514b.jpg) 50%/cover no-repeat;display:flex;justify-content:center;min-height:calc(100vh - 66px)}.banner{background:rgba(0,0,0,.5);color:#fff;color:var(--mainWhite);display:inline-block;letter-spacing:var(--mainSpacing);padding:2rem 1rem;text-align:center;text-transform:capitalize}.banner h1{font-size:2.5rem}.banner div{background:#295d09;background:var(--darkGreen);height:5px;margin:1.7rem auto;width:10rem}.banner p{font-size:1.2rem;margin-bottom:2rem}.sectionTitle{margin-bottom:4rem;margin-top:4rem;text-align:center}.sectionTitle h4{font-size:2rem;letter-spacing:var(--mainSpacing);margin-bottom:1rem;text-transform:capitalize}.sectionTitle div{background:#295d09;background:var(--darkGreen);height:5px;margin:0 auto;width:5rem}.featureContainer{padding:5%;text-align:center}.featureCard{grid-row-gap:2rem;grid-column-gap:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));margin:0 auto;width:90vw}.featureIcon{display:inline-block;margin-bottom:1.2rem;width:50%}.recipeContainer{grid-gap:1.2rem;border:4px solid #295d09;border:4px solid var(--darkGreen);display:grid;gap:1.2rem;grid-auto-flow:column;height:auto;margin:5%;overflow-y:auto;overscroll-behavior-x:contain;padding:2%;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recipeCard,.recipeContainer{border-radius:8px;font-size:2rem}.recipeCard{box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);flex:0 0 100%;scroll-snap-align:start;transition:all .3s linear;transition:var(--mainTransition);width:270px}.recipeCard:hover{box-shadow:4px 10px 5px 0 rgba(0,0,0,.5);box-shadow:var(--darkShadow)}.imgContainer{border-radius:8px 8px 0 0;position:relative}.imgContainer img{border-radius:8px 8px 0 0;display:block;transition:all .3s linear;transition:var(--mainTransition);width:270px}.imgContainer:hover .recipeLink{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.imgContainer:touchstart .recipeLink{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.imgContainer:hover{background:rgba(0,0,0,.8)}.imgContainer:hover img{opacity:.3}.recipeLink{left:50%;position:absolute;top:50%;-webkit-transform:scale(0);transform:scale(0);transition:all .3s linear}.recipeTitle{background:#69ab3d;background:var(--lightGreen);border-radius:0 0 8px 8px;font-size:.7rem;height:40px;padding:.5rem 0;text-align:center;text-transform:capitalize}.filterArea{display:block;font-size:1.1rem;margin-bottom:10%;margin-left:25%;width:50%}.inputRange,.optionSelect{margin:1.2rem}.searchListContainer{border:4px solid #295d09;border:4px solid var(--darkGreen);border-radius:8px;margin:0 5%;padding:5rem 0}.searchList{grid-row-gap:2rem;grid-column-gap:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));height:auto;margin:0 auto;width:64.85vw}.oneContainer{background:#295d09;background:linear-gradient(85deg,#295d09,#ececec 50%,#295d09);border:2px solid #295d09;border:2px solid var(--darkGreen);border-radius:8px;margin:5%;text-align:center;width:90%}.oneContainer h2{margin:4%}.oneContainer img{border-radius:8px;margin:4%;width:80%}.ingredientContainer{grid-row-gap:2rem;grid-column-gap:40px;display:none;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));height:auto;margin:2% auto;padding:2%;width:70vw}.singleIngredient{border:2px solid #295d09;border:2px solid var(--darkGreen);border-radius:8px;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow)}.singleIngredient h3{font-size:1.7rem;margin:3%}.singleIngredient h4{color:#295d09;color:var(--darkGreen)}.listIngr{margin:10% 0}.listIngr ul{list-style-position:inside}.ingredientProcedure{margin:10%}.singleIngredient:hover{box-shadow:4px 10px 5px 0 rgba(0,0,0,.5);box-shadow:var(--darkShadow)}.recipeSumaryContainer{display:none;margin:5%}.recipeSumaryContainer h3{font-size:1.7rem;margin:4%}.recipeSummary{margin:5%}.btnChange{margin:10%}.btnChange button{color:#ececec;color:var(--mainGrey)}.btnCenter{align-items:center;display:flex;justify-content:center;margin-top:3rem}.btnCenter a{text-decoration:none}.btnCenter button{color:#ececec;color:var(--mainGrey)}.btnCenter button :hover{color:#295d09;color:var(--darkGreen)}.active{display:grid}footer{align-items:center;background:#383731;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;min-height:30px;padding:10px 25px;position:relative;width:100%}footer p{color:#fff;font-size:.7em}.loading,footer p{text-align:center}.loaderWrapper{height:60px;margin:0 auto;width:60px}.loader{-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;border-bottom:10px solid #69ab3d;border-bottom:10px solid var(--lightGreen);border-left:10px solid #295d09;border-left:10px solid var(--darkGreen);border-radius:50%;border-right:10px solid #295d09;border-right:10px solid var(--darkGreen);border-top:10px solid #69ab3d;border-top:10px solid var(--lightGreen);box-sizing:border-box;height:100%;width:100%}.loaderInner{-webkit-animation-duration:2.5s;animation-duration:2.5s;border-bottom-color:var(#295d09);border-top-color:#69ab3d;border-top-color:var(--lightGreen)}.error{margin:15% auto;text-align:center;width:100%}.errorImg{padding:5%;width:40%}@media screen and (max-width:900px) and (min-width:600px){.searchList{width:71.57vw}.filterArea{grid-row-gap:2rem;grid-column-gap:40px;display:grid;font-size:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,.5fr));margin-left:15%;width:70%}.oneContainer img{width:60%}}@media screen and (min-width:900px){.navBtn{display:none}.navCenter{display:flex;justify-content:space-between;margin:0 auto;max-width:1170px}.navLinks{display:flex;height:auto;margin-left:4rem}.navLinks a{margin:0 1rem;padding:.5rem 0}.navLogo{width:100%}.recipeContainer{scrollbar-width:auto}.searchList{width:78.2vw}.filterArea{display:flex;font-size:1.8rem;justify-content:center;margin:auto auto 5%;text-align:center;width:100%}.oneContainer img{float:left;width:50%}.btnChange{display:flex;justify-content:center;margin-bottom:2%}.recipeSumaryContainer{margin-top:2%}}@media screen and (min-width:1400px){.oneContainer img{width:30%}}@-webkit-keyframes rotate{0%{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}50%{-webkit-transform:scale(.8) rotate(-1turn);transform:scale(.8) rotate(-1turn)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}50%{-webkit-transform:scale(.8) rotate(-1turn);transform:scale(.8) rotate(-1turn)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}
/*# sourceMappingURL=main.99618e68.css.map*/