body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Darker Grotesque",sans-serif}.navbar{height:8vh;width:100%;-webkit-justify-content:space-between;justify-content:space-between;background-image:url(/static/media/cover2.109e64fe.png);background-size:cover}.nav__logo,.navbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav__logo{-webkit-align-self:center;align-self:center;justify-self:start;-webkit-justify-content:center;justify-content:center;height:15vh;margin-left:20px}.nav__icon{color:#ff795b;margin:10px}.nav__logo>h1{color:#ff795b;font-family:"Pacifico",cursive}@media (max-width:360px){.nav__logo>h1{font-size:1em}}.nav__home{margin-right:20px}.nav__login{margin:0 20px;padding:20px}.nav__login>h2,.signOut{margin:0 20px;background-color:#ff795b;padding:4px 10px;border-radius:4px;color:#fff}.signOut{font-weight:600;font-size:1.5rem;cursor:pointer}.foodJoke{height:92vh;background-image:url(/static/media/taco.ff130cfb.jpg);background-size:cover;background-repeat:no-repeat;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.foodJoke>h1{-webkit-align-self:center;align-self:center;justify-self:center;text-align:center;width:60%;height:50vh;margin:50px 0;overflow-y:scroll;font-size:3.5rem;color:#fd893c;text-shadow:2px 2px #c7621f;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}@media (max-width:460px){.foodJoke>h1{font-size:2.5rem;width:98%}}.foodJoke>button{-webkit-align-self:center;align-self:center;justify-self:center;width:200px;padding:10px 20px;border-radius:20px;background-color:#f0843c;color:#ffdca0;font-weight:bolder;border:none;outline:none;transition:padding .1s ease-in-out}.foodJoke>button:active{background-color:#ff7316;padding:8px 22px}.page__initate{height:92vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#ffdca0}.page__loading{height:100px;width:100px;object-fit:contain;background-color:#ffdca0;-webkit-animation:ImgRoatate .8s linear infinite;animation:ImgRoatate .8s linear infinite;border-radius:50%}.foodFact{height:92vh;background-image:url(/static/media/dish-bg.bad97385.jpg);background-size:cover;background-repeat:no-repeat;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.foodFact>h1{-webkit-align-self:center;align-self:center;justify-self:center;text-align:center;width:60%;height:50vh;margin:50px 0;overflow-y:scroll;font-size:3.5rem;color:#fd893c;text-shadow:2px 2px #c7621f;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}@media (max-width:460px){.foodFact>h1{font-size:2.5rem;width:98%}}.foodFact>button{-webkit-align-self:center;align-self:center;justify-self:center;width:200px;padding:10px 20px;border-radius:20px;background-color:#f0843c;color:#ffdca0;font-weight:bolder;border:none;outline:none;transition:padding .1s ease-in-out}.foodFact>button:active{background-color:#ff7316;padding:8px 22px}.searchRecipe{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;height:100vh;background-image:url(/static/media/cover2.109e64fe.png);background-size:cover;background-repeat:no-repeat}.search__bar,.searchRecipe{display:-webkit-flex;display:flex}.search__bar{width:100%;-webkit-justify-content:center;justify-content:center;margin-bottom:40px}::-webkit-input-placeholder{color:#686868;font-size:1rem}:-ms-input-placeholder{color:#686868;font-size:1rem}::placeholder{color:#686868;font-size:1rem}.search__input{width:800px;padding:0 40px;background-color:#d3d3d3}.search__btn,.search__input{height:50px;border:none;border-radius:20px;margin:10px;outline:none;box-shadow:2px 2px 3px rgba(0,0,0,.5)}.search__btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:80px;background-color:#ff795b}.search__icon{height:40px;width:40px;color:#fff}.search__results{padding:20px;width:80%;overflow-x:scroll}.search__result,.search__results{display:-webkit-flex;display:flex;margin:20px}.search__result{-webkit-flex-direction:column;flex-direction:column}.search__img{border-radius:15px;box-shadow:5px 5px 5px rgba(0,0,0,.5)}.search__title{color:#ff795b;margin:10px;font-weight:400}@media (max-width:620px){.search__input{width:70vw}.search__btn{width:20vw}}::-webkit-scrollbar{width:0}.recipe__initate{height:92vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#ffdca0}.recipe__loading{height:100px;width:100px;object-fit:contain;background-color:#ffdca0;-webkit-animation:ImgRoatate .8s linear infinite;animation:ImgRoatate .8s linear infinite;border-radius:50%}.Recipe{background-image:url(/static/media/dish.23d69385.jpg);background-size:cover;background-repeat:no-repeat;color:#3f201f}.recipe__container{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;height:100vh}.recipe__img__container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;object-fit:contain;width:40%}.recipe__img{justify-self:center;-webkit-align-self:center;align-self:center;border-radius:30px;box-shadow:10px 10px 10px rgba(0,0,0,.5)}.recipe__info__container{margin-top:100px;width:50%}.recipe__info__container>h1{font-size:3rem;margin:10px}.recipe__veg{height:30px;margin:10px}.recipe__time__servings{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;font-size:1.8rem}.recipe__time__serving{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;width:200px;color:#ff795b;background-color:#faba86;padding:10px;border-radius:15px}.recipe__icon{height:40;width:40;color:"#ff795b"}.recipe__ingredients{margin-top:20px;display:-webkit-flex;display:flex;overflow-x:scroll;height:300px;padding-left:15px}.recipe__ingredient{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;color:#ff795b;background-color:#faba86;max-height:100px;min-width:150px;margin:25px;padding-left:35px;border-radius:10px;box-shadow:0 5px 10px 1px rgba(0,0,0,.5)}.recipe__ingredient__img__container{display:-webkit-flex;display:flex;position:absolute;left:-30px;height:100%;-webkit-align-items:center;align-items:center;border-radius:20px}.recipe__ingredient__img{height:60px;width:60px;object-fit:contain;border-radius:10px;padding:5px;background-color:#fff;box-shadow:0 5px 10px 1px rgba(0,0,0,.5)}.recipe__ingredient__info{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:5px;margin:10px}.recipe__ingredient__name{max-width:100px;font-size:1.2rem}.recipe__ingredient__amount{max-width:100px;font-size:.8rem;color:#3f201f}.recipe__step__info{margin:20px;height:80vh;width:50%;overflow-y:scroll}.recipe__step__info>h1{font-size:3rem;color:#bd4d34}.recipe__step{width:90%;color:#f25e3d;padding:10px;margin:10px}.recipe__instruction__number{font-size:2.5rem;margin:10px}.recipe__instruction__step{font-size:1.5rem;color:#ff795b;background-color:#faba86;border-radius:25px;line-height:35px;padding:25px}.footer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:5vh;width:100%;color:#fff;background-color:#dd6446}@media (max-width:1200px){.Recipe{display:-webkit-flex;display:flex;width:100%}.Recipe,.recipe__container{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.recipe__img__container{margin-top:200px;width:100%}.recipe__img{max-width:60vw;object-fit:contain;border-radius:30px;box-shadow:10px 10px 10px rgba(0,0,0,.5)}.recipe__info__container{margin-top:50px;width:80vw}.recipe__info__container>h1{font-size:2.5rem;margin:10px}.recipe__step__info{margin-top:150px;height:80vh;width:70vw;overflow-y:scroll}.recipe__step{width:90%;color:#f25e3d;padding:10px;margin:10px}}@media (max-width:540px){.recipe__img{max-width:90vw;object-fit:contain;border-radius:30px;box-shadow:10px 10px 10px rgba(0,0,0,.5)}.recipe__info__container>h1{font-size:1.8rem}.recipe__time__servings{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.4rem}.recipe__time__serving{margin:10px}.recipe__step__info{margin-top:50px}}.foodInfo{height:92vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-image:url(/static/media/bg-illustration.4f53c723.jpg);background-repeat:no-repeat;background-size:cover}.foodInfo>h1{color:#fff;font-weight:bolder;font-size:20vw;text-align:center;text-shadow:13px 13px rgba(238,110,36,.5)}.foodInfo>h1,.foodInfo>img{-webkit-align-self:center;align-self:center;justify-self:center}.foodInfo>img{margin-top:100px;height:100px;width:100px;object-fit:cover;-webkit-animation:ImgRoatate 20s linear infinite;animation:ImgRoatate 20s linear infinite;border-radius:50px}@-webkit-keyframes ImgRoatate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ImgRoatate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{padding:0;margin:0;box-sizing:border-box}.header{height:92vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;background-image:url(/static/media/cover2.109e64fe.png);background-repeat:no-repeat;background-size:cover}.header>h2{font-size:4rem;color:#ff795b;font-family:"Pacifico",cursive;margin:10px;text-align:center}@media (max-width:360px){.header>h2{font-size:2.8rem}}.header>p{font-size:2rem;font-weight:800;color:#ff9843;text-align:center;margin:0 10px}@media (max-height:700px){.card__container{height:80vh}.header>h3{margin:0}}a{text-decoration:none}.card__container{-webkit-align-self:center;align-self:center;justify-self:center;width:80%;display:-webkit-flex;display:flex;overflow-x:scroll;-webkit-align-items:flex-end;align-items:flex-end;padding:40px 35px 0}.card{min-height:250px;min-width:200px;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;margin:10px;background-color:rgba(255,131,74,.466);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;box-shadow:5px 5px 5px rgba(0,0,0,.2)}.card__img{position:absolute;top:-45px;height:130px;border-radius:100px;z-index:2;box-shadow:10px 10px 5px rgba(0,0,0,.5);transition:top .2s ease-in-out}.card__img:hover{top:-30px}.card__img:active,.card__img:hover{-webkit-animation:roatate .2s linear forwards;animation:roatate .2s linear forwards}.card__img:active{top:-10px}.card__shape{height:120px;width:100%;background-color:#ff795b;border-radius:200% 200% 0 0;transition:height .2s ease-in-out;box-shadow:-5px -5px 5px rgba(0,0,0,.2)}.card__shape:hover{height:140px}.card__shape>h2{color:#fff9ee;margin:50px 0;text-align:center}@media (max-width:280px){.card{height:150px;width:100px}}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:grey;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border-radius:0;border:none;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:grey;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .3s ease}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.sign-in{width:380px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sign-in .title{margin:10px 0}.buttons{-webkit-justify-content:space-between;justify-content:space-between}.buttons,.sign-up{display:-webkit-flex;display:flex}.sign-up{-webkit-flex-direction:column;flex-direction:column;width:380px}.sign-up .title{margin:10px 0}.signIn-signUp{width:850px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:30px auto}
/*# sourceMappingURL=main.f62d5343.chunk.css.map */