@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{box-sizing:border-box;font-family:Space Mono,monospace;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.auth-container .mybg{background-image:url(/static/media/food-bg.967b334594319abebfc2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.mybg .heading{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.heading h1{color:#fff;font-size:10rem;font-style:normal;font-weight:700}.heading h3{color:#fff;font-size:3rem;font-style:italic;font-weight:600}.auth-container .form-container{align-items:center;display:flex;height:100vh;justify-content:center;width:700px}.mobile-heading{display:none}@media only screen and (max-width:480px){.mybg{display:none}.form-container{background-image:url(/static/media/food-bg.967b334594319abebfc2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column}.form-container .mobile-heading{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#ffffff1a;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;color:#000;display:block;margin-top:20px;padding:10px;text-align:center}}:root{--primary-color:#18181a;--secondary-color:#818d9c;--text-color:#08080a;--successTxt:#45642f;--successAlert:#c3eec9;--errorTxt:#7d353e;--errorAlert:#f7d7da}.login-container{border:1px solid var(--secondary-color);border-radius:10px;margin:36px}.login-container .form-containers{padding:24px}@media only screen and (max-width:480px){.login-container{background:#fff;border:none}}.input-container{display:flex;flex-direction:column;margin-bottom:10px}.input-container label{color:var(--text-color);font-size:15px;font-style:normal;font-weight:500}.input-container input{border:1px solid var(--secondary-color);border-radius:5px;padding:10px}.error{color:red;font-size:13px}.customButton{align-items:center;border:none;border-radius:5px;display:flex;font-style:normal;font-weight:700;height:45px;justify-content:center;width:100%}.customButton:hover{opacity:.9}.alert-container{align-items:center;display:flex;gap:30px;height:40px;justify-content:space-between;margin-right:10px;margin-top:10px;min-width:200px;padding:10px;position:absolute;right:-450px;top:0;transition:.5s ease-in-out}.alert-container.show{right:0}.signup-container{border:1px solid var(--secondary-color);border-radius:10px;margin:36px}.signup-container .form-containers{padding:24px}.form-containers p{color:var(--secondary-color);font-size:14px}.form-containers h3{color:var(--text-color)}.third-party-button{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.third-party-button button{background-color:#fff;border:1px solid var(--secondary-color);border-radius:5px;flex:1 1;padding:10px}.hrline{align-items:center;color:var(--secondary-color);display:flex;font-size:13px;gap:10px;margin-bottom:20px}.hrline hr{flex:1 1}.form-footer{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:30px}span{cursor:pointer}@media only screen and (max-width:480px){.signup-container{background:#fff;border:none}}.container{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px;padding:30px 10% 80px;position:relative}.container .loader{left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}@media only screen and (max-width:480px){.container .loader{left:50%;position:fixed;top:12%;transform:translate(-50%,-12%);z-index:4}}.navbar-container{align-items:center;background-color:#fff;border-bottom:1px solid var(--secondary-color);display:flex;height:70px;justify-content:space-between;padding:10px 10%;position:fixed;top:0;width:100%;z-index:2}.navbar-container .input-container{align-items:center;border:1px solid var(--secondary-color);border-radius:5px;display:flex;flex-direction:row;height:40px;margin:0;padding:10px;width:300px}.input-container .searchIcon{color:#6f6e72;font-size:24px}.navbar-container .input-container input{border:none;flex:1 1;height:100%;outline:none}.control-container{display:flex;gap:25px}.navButton{align-items:center;background:none;border:none;display:flex;height:36px;justify-content:center;width:36px}.navButton:hover{background:#e4e4e4;border-radius:5px}.post-icon{font-size:16px;font-style:normal;font-weight:700}.profile-icon{color:var(--secondary-color);font-size:20px;font-weight:700}@media only screen and (max-width:480px){.navbar-container .title{display:none}.navbar-container{padding:initial;padding-left:5%;padding-right:5%}.control-container{gap:10px;margin-left:20px}}.ProfileDropdown-container{background-color:#fff;border:1px solid #e4e4e4;border-radius:8px;box-shadow:2px 2px 5px #0000004d;display:flex;flex-direction:column;gap:3px;height:100px;margin-right:8%;margin-top:60px;padding:3px;position:fixed;right:0;top:0;transition:.2s ease-in-out;width:130px}.ProfileDropdown-container button{background:none;border:none;flex:1 1;padding-left:10px;text-align:left}.ProfileDropdown-container button:nth-of-type(2){border-bottom:1px solid #e4e4e4}.ProfileDropdown-container button:hover{background:#eaeaea}.ProfileDropdown-container.hide{transform:scale(0)}.ProfileDropdown-container.show{transform:scale(1)}.post-container{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:11}.post-container.show{visibility:visible}.post-container.hide{visibility:hidden}.post-container .modal.show{top:45%}.post-container .modal.hide{top:35%}.post-container .modal{background:#fff;border-radius:8px;box-shadow:2px 2px 8px #0000004d;left:50%;padding:24px;position:fixed;top:35%;transform:translate(-50%,-50%);transition:.5s ease-out;width:600px}.post-container .form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-style:bold;font-weight:700}.form-group button,.form-group input[type=file],.form-group input[type=text],.form-group textarea{border:1px solid var(--secondary-color);border-radius:5px;height:40px;padding:10px}.form-group button{background:#fff;color:var(--text-color)}.form-group button:hover{background:#e4e4e4}.form-group textarea{max-width:100%;min-height:100px;min-width:100%}.form-controls{display:flex;gap:20px;justify-content:flex-end}.form-controls button{align-items:center;background:#fff;border:1px solid var(--secondary-color);border-radius:5px;color:var(--text-color);display:flex;height:40px;justify-content:center;padding:20px}.form-controls button:last-of-type{background:var(--primary-color);color:#fff}.ingredients-container{max-height:160px;overflow-x:hidden;overflow-y:auto;width:100%}@media only screen and (max-width:480px){.post-container .modal{max-height:90vh;width:90%}.post-container .modal.show{top:50%}}.ingredientsList-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:10px 0}.ingredientsList-container input{flex:1 1;height:35px}.ingredientsList-container .removeItem{align-items:center;background:none;border:none;display:flex;height:38px;justify-content:center;width:40px}.removeItem:hover{background:#e4e4e4}.recipecard-container{border-radius:8px;box-shadow:1px 1px 5px #0000004d;box-sizing:border-box;display:flex;flex-basis:calc(25% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;margin-bottom:20px;max-width:calc(25% - 20px);position:relative;z-index:3}.recipecard-container .img-container{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;height:250px;width:100%}.recipe-info{display:flex;flex-direction:column;gap:10px;height:130px;padding:16px;width:100%}.recipe-info .info{flex:1 1}.info h3{font-size:16px;font-style:italic}.recipe-info .recipe-control{align-items:center;display:flex;justify-content:space-between}.recipe-control button{background:#fff;border:1px solid #e4e4e4;border-radius:5px;color:var(--text-color);font-weight:500;height:35px;width:120px}.favorite-btn{border-radius:2px;cursor:pointer;height:30px;padding:3px;width:30px}.favorite-btn.liked{color:red}.fave-btn-con{align-items:center;display:flex;gap:5px}.fave-btn-con span{font-size:13px}.backdrop-container{background-color:#00000080;border-radius:8px 8px 0 0;height:calc(100% - 130px);left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.backdrop-container .btn{align-items:center;background:#fff;border-radius:50%;display:flex;height:30px;justify-content:center;position:absolute;right:-20px;top:15px;transition:.3s ease;width:30px}.backdrop-container .btn:hover{background:#f0f0f0;cursor:pointer}.backdrop-container .btn:nth-of-type(2){top:60px}.recipecard-container:hover .backdrop-container{opacity:1}.recipecard-container:hover .btn{right:30px}@media only screen and (max-width:1280px){.recipecard-container{flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;max-width:calc(33.333% - 20px)}}@media only screen and (max-width:768px){.recipecard-container{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 20px)}}@media only screen and (max-width:480px){.recipecard-container{flex:1 1 100%;max-width:none}}.view-recipe-container{background:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:4}.view-recipe-container.show{visibility:visible}.view-recipe-container.hide{visibility:hidden}.view-recipe-container .modal.show{top:50%}.view-recipe-container .modal.hide{top:35%}.view-recipe-container .modal{align-items:center;background:#fff;border-radius:10px;display:flex;flex-direction:column;left:50%;padding:16px;position:fixed;top:35%;transform:translate(-50%,-50%);transition:.5s ease-in-out;width:600px}.view-recipe-container .modal .img{border:1px solid #d1d1d1;border-radius:50%;height:200px;width:200px}h2{font-size:calc(1rem + 1vw)}.view-recipe-container .circular-container{background-position:50%;background-size:cover;height:250px;width:250px}.view-recipe-container .ingredients-container,.view-recipe-container .instruction-container{max-height:200px;overflow:auto;padding:10px;width:100%}.view-recipe-container .instruction-container{border-bottom:1px solid gray}.view-recipe-container .instruction-container p{font-size:14px;text-align:justify}.view-recipe-container .item-container{background:#f1f1f1;border-left:5px solid #08080a;border-radius:5px;margin-bottom:10px;padding:10px}.controls-container{display:flex;justify-content:flex-end;margin-top:20px;padding-right:20px;width:100%}.controls-container button{background:#08080a;border:none;border-radius:5px;color:#fff;padding:9px}@media only screen and (max-width:480px){.view-recipe-container .modal{left:50%;top:50%;width:450px}}.profile-container{box-sizing:border-box;display:flex;gap:20px;height:100vh;padding-left:10%;padding-right:10%;padding-top:100px;width:100%}.profile-container .info-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:calc(80vh + 15px);padding:20px;text-align:center;width:300px}.info-container p{font-size:13px}.info-container .img-container{position:relative}.info-container .img-container .backdrop{align-items:center;background-color:#0000004d;border-radius:50%;color:#fff;display:flex;font-size:36px;height:100px;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.3s ease-in;width:100px}.info-container .img-container:hover .backdrop{opacity:1}.backdrop input{display:none}.info-container .img-container,.info-container img{border-radius:50%;height:100px;width:100px}.profile-container .foodlist-container{flex:1 1;position:relative}.foodlist-container .btn-container{background:#f4f4f4;border-radius:8px;display:flex;justify-content:space-around;padding:5px;width:180px}.btn-container button{border:none;border-radius:5px;color:#8b7977;font-weight:700;padding:8px;transition:.3s ease-in}.btn-container .tab-btn.active{background:#fffffd;box-shadow:1px 1px 5px #0000004d;color:#13242b}.foodlist-container .itemList{border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;max-height:80vh;overflow:auto;padding-bottom:30px;padding-top:20px}.foodlist-container .loader{left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}.info-container button{background:#18181a;border:none;border-radius:5px;color:#fff;font-weight:700;margin-top:50px;padding:8px;width:100%}@media only screen and (max-width:1280px){.profile-container{padding-left:5%;padding-right:5%}}@media only screen and (max-width:768px){.profile-container{flex-direction:column;padding-left:5%;padding-right:5%;padding-top:50px}.profile-container .info-container{display:block;height:auto;padding-left:10%;padding-right:10%;width:100%}}.verification-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:fixed;width:100%}.form-verification{border:1px solid #afafaf80;border-radius:5px;padding:40px;width:450px}.form-verification h2{color:var(--text-color);font-style:normal;font-weight:700}.form-verification p{color:var(--secondary-color);font-size:14px;margin-bottom:30px}.not-found{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;padding:50px;text-align:center}.not-found h1{color:#ff6f61;font-size:100px;margin:0}.not-found p{font-size:24px;margin:10px 0}.not-found a{color:#007bff;font-size:18px;text-decoration:none}.not-found a:hover{text-decoration:underline}
/*# sourceMappingURL=main.62c05b4a.css.map*/