From bd73e59bde948c4c6ae1c326faa77be965630878 Mon Sep 17 00:00:00 2001 From: heal333 Date: Thu, 12 Sep 2024 10:40:56 +0530 Subject: [PATCH] Updates --- index.b5247af6.css | 2 ++ index.b5247af6.css.map | 1 + index.c41b5a0e.css | 3 ++- index.c41b5a0e.css.map | 2 +- index.html | 2 +- index.runtime.4998dab3.js | 2 ++ index.runtime.4998dab3.js.map | 1 + 7 files changed, 10 insertions(+), 3 deletions(-) create mode 100644 index.b5247af6.css create mode 100644 index.b5247af6.css.map create mode 100644 index.runtime.4998dab3.js create mode 100644 index.runtime.4998dab3.js.map diff --git a/index.b5247af6.css b/index.b5247af6.css new file mode 100644 index 0000000..77e07d5 --- /dev/null +++ b/index.b5247af6.css @@ -0,0 +1,2 @@ +:root{--headerBackground:white;--bodyBackground:#e6e6e6;--cardBackground:white;--textColor:black;--softTextColor:#4b4b4b;--theme:#00d40094;--shadowColor:gray;background-color:var(--bodyBackground)}*{scrollbar-width:thin;margin:0;padding:0;font-size:1rem;transition:color,background-color,all .5s}html{scroll-behavior:smooth}.header{color:var(--textColor);background-color:var(--headerBackground);z-index:10;justify-content:space-between;align-items:center;width:100%;height:5rem;display:flex;position:fixed;top:0}.headerOffset{width:100%;height:4.7rem}.logo{color:var(--textColor);margin-left:1rem;font-family:monospace;font-size:2rem;font-weight:700;text-decoration:none}.currentPage{color:gray;margin:auto;padding-left:.7rem}.switchTheme{height:2rem;transition:background-color 5s}.navItems{margin:auto 1rem;list-style-type:none;display:flex}.navItems *{white-space:nowrap;color:var(--textColor);margin:auto;padding:.5rem 1.5rem;text-decoration:none}.cartButton{background-color:var(--theme);color:#fff;border-radius:5rem;font-family:monospace;font-weight:500;transition:all 50ms;position:relative}.cartButtonBadge{text-align:center;color:var(--textColor);background-color:var(--bodyBackground);border-radius:1rem;width:1rem;height:1rem;padding:5px;font-size:.8rem;position:absolute;top:-.7rem;right:0}.cartButton:hover{background-color:green}.body{background-color:var(--bodyBackground);padding-top:1rem}.fullBody{background-color:red}.filterBar{white-space:nowrap;color:#000;justify-content:space-between;width:80%;margin:auto;font-family:monospace;display:flex;overflow:hidden}@media screen and (width<=90rem){.filterBar{flex-wrap:wrap;width:90%}}.search{z-index:5;width:15rem;height:1.5rem;padding:5px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3;width:100%;height:100%;position:fixed;top:5rem;right:0}.searchInput{color:#000;z-index:5;border:1px solid #fff;border-radius:1rem;outline:none;width:15rem;padding:3px 1rem;transition:all 1s;position:absolute}.searchInput:hover{border:1px solid gray}.searchInput:focus{border:1px solid var(--theme)}.searchResult{z-index:2;background-color:var(--cardBackground);z-index:5;border:1px solid var(--theme);border-radius:1rem;width:80%;max-height:40rem;margin:2rem auto;text-decoration:none;transition:all 1s;position:absolute;overflow:hidden scroll}.searchResult a{color:var(--textColor);text-decoration:none}.searchItem{padding:2px 1rem}.searchItem:hover{background-color:var(--theme);color:#fff}.filterBar button{color:var(--softTextColor);background-color:var(--cardBackground);border:0 solid #ccc;border-radius:1rem;margin:5px;padding:3px 1rem}.filterBar button:hover{color:#000;background-color:#cecece;transition:all .25s}.foodContainer{flex-wrap:wrap;justify-content:center;display:flex}.foodCard{background-color:var(--cardBackground);color:var(--textColor);border-radius:7px;width:15rem;min-width:15rem;height:21rem;margin:1.5rem;transition:all .2s;overflow:hidden}.fadeUpAnimation{animation:.5s linear fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{text-align:center;margin-top:50%}.foodCard:hover{box-shadow:2rem 2rem 2rem var(--shadowColor);translate:-.25rem -.25rem}.storeImg{object-fit:cover;border-radius:7px;width:15rem;height:10rem;margin-bottom:.5rem}.storeName{margin-top:1px;margin-bottom:.5rem;padding-left:1rem;font-weight:600}.cuisine{color:gray;margin-top:1px;padding-left:1rem}.storeRating{color:#bdbdbd;margin-top:1px;padding-left:1rem;display:flex}.storeRating div{white-space:nowrap;padding-right:.5rem}.deliveryTime{margin-top:1px;padding-left:1rem}.veg,.nonVeg{text-align:center;white-space:nowrap;border-radius:1rem;width:fit-content;margin:1px 1rem;padding:0 .5rem}.veg{color:green;border:1px solid green}.nonVeg{color:red;border:1px solid red}.pageNavigation{width:fit-content;margin:auto;display:flex}.pageNum{text-align:center;cursor:pointer;background-color:#d1d1d1;border-radius:40rem;width:2.5rem;height:2.5rem;margin:.5rem;line-height:2.5rem;transition:all 1s}.restaurant{background-color:var(--bodyBackground);color:var(--textColor);flex-wrap:wrap;justify-content:space-between;display:flex}.restaurantImage{object-fit:cover;opacity:1;border-radius:1rem;width:40rem;height:40rem;transition:all 1.5s;overflow:hidden}.restaurantInfo{width:20rem;margin:auto;transition:all 1s}.restaurantInfo .name{color:green;margin-bottom:.5rem;font-family:monospace;font-size:2rem;font-weight:700}.restaurantInfo .location{color:var(--softTextColor);margin-bottom:.3rem;font-size:.9rem}.restaurantInfo .resCuisine{color:var(--softTextColor);font-size:.9rem}.restaurantInfo .deliveryIn{color:var(--softTextColor);font-size:1rem}.restaurantInfo .distance{color:var(--softTextColor)}.restaurant .totalOffers{background-color:var(--theme);color:#fff;border-radius:1rem;width:fit-content;margin:2rem auto .5rem;padding:0 .7rem}.allOffers{text-align:center}.offerUnit{color:var(--softTextColor);font-family:monospace}.menu{border:3px solid var(--theme);background-color:var(--bodyBackground);color:var(--textColor);z-index:5;border-radius:0 1rem 1rem;width:80%;min-height:50rem;margin:5rem auto;padding:1rem}.foodItem{background-color:var(--cardBackground);border:2px solid #fff;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;margin:2rem 3rem;padding:1rem;transition:all .25s;display:flex}.foodItem:hover{border-color:var(--theme);background-color:var(--theme);color:var(--cardBackground);& .name{color:#fff}& .description{color:#646464}}.foodItem div{margin:auto 0}.foodItem button{color:#000;background-color:silver;border:0 solid gray;border-radius:2rem;margin:1rem 1rem 1rem 5rem;padding:.5rem 1rem;overflow:hidden}.foodItem button:hover{background-color:#fff}.foodItem .name{color:green;font-size:1.3rem}.foodItem .description{color:var(--softTextColor);font-size:.9rem}.foodItemDetails{flex-direction:column;flex-grow:1;width:60%;display:flex}.priceAndAdd{flex-wrap:nowrap;flex-grow:1;justify-content:space-between;display:flex}.aboutUs{background-color:var(--bodyBackground);color:var(--textColor);margin:auto;padding:0 5rem;font-family:monospace;font-size:1.3rem}.loginPage{background-color:var(--cardBackground);color:var(--textColor);text-align:center;border-radius:1rem;flex-direction:column;justify-content:space-evenly;width:30rem;height:40rem;margin:20vh auto 50vh;padding:1rem;display:flex}.loginPage label{margin:5rem;font-size:2rem;font-weight:700}.loginPage input{border:1px solid #cecece;border-radius:1rem;margin:0 2rem;padding:.3rem 1rem}.loginPage input:hover{border:1px solid var(--cardBackground);background-color:var(--bodyBackground);color:var(--textColor)}.loginPage input:focus{border:1px solid var(--theme);background-color:#caffca;outline:none}.loginPage button{border:1px solid var(--theme);background-color:var(--theme);color:#fff;border-radius:2rem;width:fit-content;margin:1rem auto;padding:.5rem 5rem;transition:all .3s}.loginPage button:hover{background-color:green}.loginPage div{color:gray;margin:3rem}.cart{color:var(--textColor);background-color:var(--bodyBackground);flex-wrap:wrap;width:fit-content;margin:auto;transition:all .4s;display:flex}.order div{background-color:var(--cardBackground);border-radius:1rem;width:35rem;margin:1rem;padding:1rem;transition:all 1s;animation:.5s expandDown}.cartItems{background-color:var(--cardBackground);border-radius:1rem;width:35rem;height:50rem;margin:1rem;padding:1rem}.cartItemsLabel{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:bolder}.cartItemsRestaurant{color:green;font-family:monospace;font-size:1.2rem;font-weight:500;text-decoration:none}.cartItemFood{justify-content:space-between;padding:0 1rem;display:flex}.cartItemFood button{border:none;border-radius:1rem;margin:1px .5rem;padding:0 .7rem}.cartItemFood .add:hover{color:#fff;background-color:#00b800}.cartItemFood .remove:hover{color:#fff;background-color:red}.addressInput{flex-wrap:wrap;display:flex}.addressInput *{border:1px solid #9c9c9c;border-radius:1rem;flex-grow:1;margin:.8rem .4rem;padding:.2rem 1rem}.paymentInput *{border:1px solid #000;border-radius:1rem;width:30rem;margin:1rem;padding:.2rem 1rem;display:flex}.submitbutton{border:1px solid var(--theme);background-color:var(--theme);color:#fff}.submitbutton:hover{background-color:green}.Footer{color:gray;background-color:#000;height:20rem}.contactInfo{justify-content:space-evenly;max-width:50vw;margin:auto;padding:1rem;display:flex}.contactInfo a{color:gray;text-decoration:none}@media screen and (width<=78rem){.restaurantImage{width:100%}.restaurantInfo{padding-top:3rem}.cart{width:40rem}}@media screen and (width<=1100px){html{font-size:30px}.navItems *{padding:.5rem .8rem}.navItems{margin-left:0}.cartButtonBadge{padding:7px}}.test{background-color:var(--theme);clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%);z-index:4;border-radius:5px;width:5rem;height:5rem;position:absolute;translate:-3.5rem -3.5rem}@keyframes expandDown{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}} +/*# sourceMappingURL=index.b5247af6.css.map */ diff --git a/index.b5247af6.css.map b/index.b5247af6.css.map new file mode 100644 index 0000000..cbe3c76 --- /dev/null +++ b/index.b5247af6.css.map @@ -0,0 +1 @@ +{"mappings":"ACAA,qMAYA,mGAQA,4BAMA,6LAYA,uCAIA,wHAQA,uDAOA,wDAIA,6DAKA,4GAOA,oJASA,4MAcA,yCAIA,8DAIA,+BAGA,gJAaA,iCACI,qCAKJ,wDAMA,sIASA,yJAYA,yCAGA,iDAIA,sPAgBA,4DAIA,6BAGA,2DAIA,uJAQA,gFAYA,kEAKA,oLAYA,6CAGA,6CAQA,0CAIA,uFAKA,0FAQA,gFAMA,qDAKA,yEAMA,wDAIA,+CAIA,uHASA,wCAIA,uCAIA,2DAKA,oKAWA,oIAOA,4HASA,0DAMA,2GAOA,yFAKA,uEAIA,sEAIA,qDAGA,8IAQA,6BAGA,4DAKA,+LAYA,sMAYA,oGAMI,mBAGA,8BAKJ,4BAOA,yJAUA,6CAGA,6CAIA,kEAIA,0EAMA,qFAOA,yIAQA,0OAcA,4DAKA,8FAMA,4HAKA,2FAMA,qLAUA,+CAGA,sCAKA,iJAiBA,qJASA,uHAQA,yFAMA,6GAOA,wEAKA,qFAMA,6DAIA,4DAIA,0CAIA,8GAOA,iHAQA,qFAKA,2CAIA,sDAMA,+FAOA,+CAKA,iCACI,4BAGA,iCAGA,mBAKJ,kCACI,oBAGA,gCAGA,wBAGA,8BAKJ,kMAYA","sources":["index.b5247af6.css","src/index.css"],"sourcesContent":[":root {\n --headerBackground: white;\n --bodyBackground: #e6e6e6;\n --cardBackground: white;\n --textColor: black;\n --softTextColor: #4b4b4b;\n --theme: #00d40094;\n --shadowColor: gray;\n background-color: var(--bodyBackground);\n}\n\n* {\n scrollbar-width: thin;\n margin: 0;\n padding: 0;\n font-size: 1rem;\n transition: color, background-color, all .5s;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n.header {\n color: var(--textColor);\n background-color: var(--headerBackground);\n z-index: 10;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 5rem;\n display: flex;\n position: fixed;\n top: 0;\n}\n\n.headerOffset {\n width: 100%;\n height: 4.7rem;\n}\n\n.logo {\n color: var(--textColor);\n margin-left: 1rem;\n font-family: monospace;\n font-size: 2rem;\n font-weight: bold;\n text-decoration: none;\n}\n\n.currentPage {\n color: gray;\n margin: auto;\n padding-left: .7rem;\n}\n\n.switchTheme {\n height: 2rem;\n transition: background-color 5s;\n}\n\n.navItems {\n margin: auto 1rem;\n list-style-type: none;\n display: flex;\n}\n\n.navItems * {\n white-space: nowrap;\n color: var(--textColor);\n margin: auto;\n padding: .5rem 1.5rem;\n text-decoration: none;\n}\n\n.cartButton {\n background-color: var(--theme);\n color: #fff;\n border-radius: 5rem;\n font-family: monospace;\n font-weight: 500;\n transition: all 50ms;\n position: relative;\n}\n\n.cartButtonBadge {\n text-align: center;\n color: var(--textColor);\n background-color: var(--bodyBackground);\n border-radius: 1rem;\n width: 1rem;\n height: 1rem;\n padding: 5px;\n font-size: .8rem;\n position: absolute;\n top: -.7rem;\n right: 0;\n}\n\n.cartButton:hover {\n background-color: green;\n}\n\n.body {\n background-color: var(--bodyBackground);\n padding-top: 1rem;\n}\n\n.fullBody {\n background-color: red;\n}\n\n.filterBar {\n white-space: nowrap;\n color: #000;\n justify-content: space-between;\n width: 80%;\n margin: auto;\n font-family: monospace;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 90rem) {\n .filterBar {\n flex-wrap: wrap;\n width: 90%;\n }\n}\n\n.search {\n z-index: 5;\n width: 15rem;\n height: 1.5rem;\n padding: 5px;\n}\n\n.overlay {\n backdrop-filter: blur(3px);\n z-index: 3;\n width: 100%;\n height: 100%;\n position: fixed;\n top: 5rem;\n right: 0;\n}\n\n.searchInput {\n color: #000;\n z-index: 5;\n border: 1px solid #fff;\n border-radius: 1rem;\n outline: none;\n width: 15rem;\n padding: 3px 1rem;\n transition: all 1s;\n position: absolute;\n}\n\n.searchInput:hover {\n border: 1px solid gray;\n}\n\n.searchInput:focus {\n border: 1px solid var(--theme);\n}\n\n.searchResult {\n z-index: 2;\n background-color: var(--cardBackground);\n z-index: 5;\n border: 1px solid var(--theme);\n border-radius: 1rem;\n width: 80%;\n max-height: 40rem;\n margin: 2rem auto;\n text-decoration: none;\n transition: all 1s;\n position: absolute;\n overflow: hidden scroll;\n}\n\n.searchResult a {\n color: var(--textColor);\n text-decoration: none;\n}\n\n.searchItem {\n padding: 2px 1rem;\n}\n\n.searchItem:hover {\n background-color: var(--theme);\n color: #fff;\n}\n\n.filterBar button {\n color: var(--softTextColor);\n background-color: var(--cardBackground);\n border: 0 solid #ccc;\n border-radius: 1rem;\n margin: 5px;\n padding: 3px 1rem;\n}\n\n.filterBar button:hover {\n color: #000;\n background-color: #cecece;\n transition: all .25s;\n}\n\n.foodContainer {\n flex-wrap: wrap;\n justify-content: center;\n display: flex;\n}\n\n.foodCard {\n background-color: var(--cardBackground);\n color: var(--textColor);\n border-radius: 7px;\n width: 15rem;\n min-width: 15rem;\n height: 21rem;\n margin: 1.5rem;\n transition: all .2s;\n overflow: hidden;\n}\n\n.fadeUpAnimation {\n animation: .5s linear fadeIn;\n}\n\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.loading {\n text-align: center;\n margin-top: 50%;\n}\n\n.foodCard:hover {\n box-shadow: 2rem 2rem 2rem var(--shadowColor);\n translate: -.25rem -.25rem;\n}\n\n.storeImg {\n object-fit: cover;\n border-radius: 7px;\n width: 15rem;\n height: 10rem;\n margin-bottom: .5rem;\n}\n\n.storeName {\n margin-top: 1px;\n margin-bottom: .5rem;\n padding-left: 1rem;\n font-weight: 600;\n}\n\n.cuisine {\n color: gray;\n margin-top: 1px;\n padding-left: 1rem;\n}\n\n.storeRating {\n color: #bdbdbd;\n margin-top: 1px;\n padding-left: 1rem;\n display: flex;\n}\n\n.storeRating div {\n white-space: nowrap;\n padding-right: .5rem;\n}\n\n.deliveryTime {\n margin-top: 1px;\n padding-left: 1rem;\n}\n\n.veg, .nonVeg {\n text-align: center;\n white-space: nowrap;\n border-radius: 1rem;\n width: fit-content;\n margin: 1px 1rem;\n padding: 0 .5rem;\n}\n\n.veg {\n color: green;\n border: 1px solid green;\n}\n\n.nonVeg {\n color: red;\n border: 1px solid red;\n}\n\n.pageNavigation {\n width: fit-content;\n margin: auto;\n display: flex;\n}\n\n.pageNum {\n text-align: center;\n cursor: pointer;\n background-color: #d1d1d1;\n border-radius: 40rem;\n width: 2.5rem;\n height: 2.5rem;\n margin: .5rem;\n line-height: 2.5rem;\n transition: all 1s;\n}\n\n.restaurant {\n background-color: var(--bodyBackground);\n color: var(--textColor);\n flex-wrap: wrap;\n justify-content: space-between;\n display: flex;\n}\n\n.restaurantImage {\n object-fit: cover;\n opacity: 1;\n border-radius: 1rem;\n width: 40rem;\n height: 40rem;\n transition: all 1.5s;\n overflow: hidden;\n}\n\n.restaurantInfo {\n width: 20rem;\n margin: auto;\n transition: all 1s;\n}\n\n.restaurantInfo .name {\n color: green;\n margin-bottom: .5rem;\n font-family: monospace;\n font-size: 2rem;\n font-weight: bold;\n}\n\n.restaurantInfo .location {\n color: var(--softTextColor);\n margin-bottom: .3rem;\n font-size: .9rem;\n}\n\n.restaurantInfo .resCuisine {\n color: var(--softTextColor);\n font-size: .9rem;\n}\n\n.restaurantInfo .deliveryIn {\n color: var(--softTextColor);\n font-size: 1rem;\n}\n\n.restaurantInfo .distance {\n color: var(--softTextColor);\n}\n\n.restaurant .totalOffers {\n background-color: var(--theme);\n color: #fff;\n border-radius: 1rem;\n width: fit-content;\n margin: 2rem auto .5rem;\n padding: 0 .7rem;\n}\n\n.allOffers {\n text-align: center;\n}\n\n.offerUnit {\n color: var(--softTextColor);\n font-family: monospace;\n}\n\n.menu {\n border: 3px solid var(--theme);\n background-color: var(--bodyBackground);\n color: var(--textColor);\n z-index: 5;\n border-radius: 0 1rem 1rem;\n width: 80%;\n min-height: 50rem;\n margin: 5rem auto;\n padding: 1rem;\n}\n\n.foodItem {\n background-color: var(--cardBackground);\n border: 2px solid #fff;\n border-radius: 1rem;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 2rem 3rem;\n padding: 1rem;\n transition: all .25s;\n display: flex;\n}\n\n.foodItem:hover {\n border-color: var(--theme);\n background-color: var(--theme);\n color: var(--cardBackground);\n\n & .name {\n color: #fff;\n }\n\n & .description {\n color: #646464;\n }\n}\n\n.foodItem div {\n margin: auto 0;\n}\n\n.foodItem button {\n color: #000;\n background-color: silver;\n border: 0 solid gray;\n border-radius: 2rem;\n margin: 1rem 1rem 1rem 5rem;\n padding: .5rem 1rem;\n overflow: hidden;\n}\n\n.foodItem button:hover {\n background-color: #fff;\n}\n\n.foodItem .name {\n color: green;\n font-size: 1.3rem;\n}\n\n.foodItem .description {\n color: var(--softTextColor);\n font-size: .9rem;\n}\n\n.foodItemDetails {\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n display: flex;\n}\n\n.priceAndAdd {\n flex-wrap: nowrap;\n flex-grow: 1;\n justify-content: space-between;\n display: flex;\n}\n\n.aboutUs {\n background-color: var(--bodyBackground);\n color: var(--textColor);\n margin: auto;\n padding: 0 5rem;\n font-family: monospace;\n font-size: 1.3rem;\n}\n\n.loginPage {\n background-color: var(--cardBackground);\n color: var(--textColor);\n text-align: center;\n border-radius: 1rem;\n flex-direction: column;\n justify-content: space-evenly;\n width: 30rem;\n height: 40rem;\n margin: 20vh auto 50vh;\n padding: 1rem;\n display: flex;\n}\n\n.loginPage label {\n margin: 5rem;\n font-size: 2rem;\n font-weight: bold;\n}\n\n.loginPage input {\n border: 1px solid #cecece;\n border-radius: 1rem;\n margin: 0 2rem;\n padding: .3rem 1rem;\n}\n\n.loginPage input:hover {\n border: 1px solid var(--cardBackground);\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n\n.loginPage input:focus {\n border: 1px solid var(--theme);\n background-color: #caffca;\n outline: none;\n}\n\n.loginPage button {\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: #fff;\n border-radius: 2rem;\n width: fit-content;\n margin: 1rem auto;\n padding: .5rem 5rem;\n transition: all .3s;\n}\n\n.loginPage button:hover {\n background-color: green;\n}\n\n.loginPage div {\n color: gray;\n margin: 3rem;\n}\n\n.cart {\n color: var(--textColor);\n background-color: var(--bodyBackground);\n flex-wrap: wrap;\n width: fit-content;\n margin: auto;\n transition: all .4s;\n display: flex;\n}\n\n.order div {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n width: 35rem;\n margin: 1rem;\n padding: 1rem;\n transition: all 1s;\n animation: .5s expandDown;\n}\n\n.cartItems {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n width: 35rem;\n height: 50rem;\n margin: 1rem;\n padding: 1rem;\n}\n\n.cartItemsLabel {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 1.5rem;\n font-weight: bolder;\n}\n\n.cartItemsRestaurant {\n color: green;\n font-family: monospace;\n font-size: 1.2rem;\n font-weight: 500;\n text-decoration: none;\n}\n\n.cartItemFood {\n justify-content: space-between;\n padding: 0 1rem;\n display: flex;\n}\n\n.cartItemFood button {\n border: none;\n border-radius: 1rem;\n margin: 1px .5rem;\n padding: 0 .7rem;\n}\n\n.cartItemFood .add:hover {\n color: #fff;\n background-color: #00b800;\n}\n\n.cartItemFood .remove:hover {\n color: #fff;\n background-color: red;\n}\n\n.addressInput {\n flex-wrap: wrap;\n display: flex;\n}\n\n.addressInput * {\n border: 1px solid #9c9c9c;\n border-radius: 1rem;\n flex-grow: 1;\n margin: .8rem .4rem;\n padding: .2rem 1rem;\n}\n\n.paymentInput * {\n border: 1px solid #000;\n border-radius: 1rem;\n width: 30rem;\n margin: 1rem;\n padding: .2rem 1rem;\n display: flex;\n}\n\n.submitbutton {\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: #fff;\n}\n\n.submitbutton:hover {\n background-color: green;\n}\n\n.Footer {\n color: gray;\n background-color: #000;\n height: 20rem;\n}\n\n.contactInfo {\n justify-content: space-evenly;\n max-width: 50vw;\n margin: auto;\n padding: 1rem;\n display: flex;\n}\n\n.contactInfo a {\n color: gray;\n text-decoration: none;\n}\n\n@media screen and (width <= 78rem) {\n .restaurantImage {\n width: 100%;\n }\n\n .restaurantInfo {\n padding-top: 3rem;\n }\n\n .cart {\n width: 40rem;\n }\n}\n\n@media screen and (width <= 1100px) {\n html {\n font-size: 30px;\n }\n\n .navItems * {\n padding: .5rem .8rem;\n }\n\n .navItems {\n margin-left: 0;\n }\n\n .cartButtonBadge {\n padding: 7px;\n }\n}\n\n.test {\n background-color: var(--theme);\n clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);\n z-index: 4;\n border-radius: 5px;\n width: 5rem;\n height: 5rem;\n position: absolute;\n translate: -3.5rem -3.5rem;\n}\n\n@keyframes expandDown {\n 0% {\n opacity: 0;\n translate: 0 -1rem;\n }\n\n 100% {\n opacity: 1;\n translate: 0;\n }\n}\n/*# sourceMappingURL=index.b5247af6.css.map */\n",":root {\n --headerBackground: white;\n --bodyBackground: rgb(230, 230, 230);\n --cardBackground: white;\n --textColor: black;\n --softTextColor: rgb(75, 75, 75);\n --theme: rgba(0, 212, 0, 0.582);\n --shadowColor: gray;\n background-color: var(--bodyBackground);\n\n /* text-decoration: none; */\n}\n* {\n font-size: 1rem;\n margin: 0;\n padding: 0;\n scrollbar-width: thin;\n transition: color, background-color, 500ms;\n /* background-color: var(--bodyBackground); */\n}\nhtml {\n scroll-behavior: smooth;\n}\n/* body {\n background-color: var(--bodyBackground);\n} */\n.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 5rem;\n position: fixed;\n top: 0;\n width: 100%;\n color: var(--textColor);\n background-color: var(--headerBackground);\n z-index: 10;\n}\n.headerOffset {\n width: 100%;\n height: 4.7rem;\n}\n.logo {\n font-size: 2rem;\n margin-left: 1rem;\n font-family: monospace;\n font-weight: bold;\n color: var(--textColor);\n text-decoration: none;\n}\n.currentPage {\n /* position: absolute; */\n color: gray;\n margin: auto auto;\n padding-left: 0.7rem;\n /* line-height: normal; */\n}\n.switchTheme {\n height: 2rem;\n transition: background-color 5s;\n}\n.navItems {\n display: flex;\n list-style-type: none;\n margin: auto 1rem;\n}\n.navItems * {\n padding: 0.5rem 1.5rem;\n margin: auto auto;\n white-space: nowrap;\n text-decoration: none;\n color: var(--textColor);\n}\n.cartButton {\n position: relative;\n background-color: var(--theme);\n font-family: monospace;\n font-weight: 500;\n color: white;\n border-radius: 5rem;\n transition: 50ms;\n}\n.cartButtonBadge {\n position: absolute;\n font-size: 0.8rem;\n width: 1rem;\n height: 1rem;\n text-align: center;\n padding: 5px;\n color: black;\n border-radius: 1rem;\n top: -0.7rem;\n right: 0rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.cartButton:hover {\n background-color: green;\n}\n\n.body {\n padding-top: 1rem;\n background-color: var(--bodyBackground);\n}\n.fullBody {\n background-color: red;\n}\n.filterBar {\n font-family: monospace;\n display: flex;\n justify-content: space-between;\n margin: auto;\n /* min-width: 27rem; */\n /* max-width: 80rem; */\n width: 80%;\n white-space: nowrap;\n color: black;\n overflow: hidden;\n /* transition: 1.5s; */\n}\n@media screen and (max-width: 90rem) {\n .filterBar {\n width: 90%;\n flex-wrap: wrap;\n }\n}\n.search {\n width: 15rem;\n height: 1.5rem;\n padding: 5px 5px;\n z-index: 5;\n}\n.overlay {\n position: fixed;\n top: 5rem;\n right: 0;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(3px);\n z-index: 3;\n}\n.searchInput {\n position: absolute;\n border-radius: 1rem;\n padding: 3px 1rem;\n border: 1px solid white;\n /* background-color: var(--bodyBackground); */\n color: black;\n width: 15rem;\n transition: 1s;\n z-index: 5;\n outline: none;\n}\n.searchInput:hover {\n border: 1px solid gray;\n}\n.searchInput:focus {\n border: 1px solid var(--theme);\n}\n\n.searchResult {\n position: absolute;\n margin: 2rem auto;\n border-radius: 1rem;\n max-height: 40rem;\n width: 80%;\n z-index: 2;\n background-color: var(--cardBackground);\n /* scrollbar-width: none; */\n overflow-y: scroll;\n overflow-x: hidden;\n z-index: 5;\n transition: 1s;\n border: 1px solid var(--theme);\n text-decoration: none;\n}\n.searchResult a {\n text-decoration: none;\n color: var(--textColor);\n}\n.searchItem {\n padding: 2px 1rem;\n}\n.searchItem:hover {\n background-color: var(--theme);\n color: white;\n}\n.filterBar button {\n color: var(--softTextColor);\n padding: 3px 1rem;\n margin: 5px;\n border-radius: 1rem;\n border: 0px solid rgb(204, 204, 204);\n background-color: var(--cardBackground);\n}\n.filterBar button:hover {\n background-color: rgb(206, 206, 206);\n color: black;\n transition: 250ms;\n}\n\n/* .filterBar button:focus {\n border: 1px solid rgb(206, 206, 206);\n background-color: rgb(0, 212, 0);\n color: white;\n} */\n\n.foodContainer {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n}\n.foodCard {\n background-color: var(--cardBackground);\n /* background-image: linear-gradient(to bottom, white, var(--bodyBackground)); */\n color: var(--textColor);\n min-width: 15rem;\n width: 15rem;\n height: 21rem;\n margin: 1.5rem;\n border-radius: 7px;\n overflow: hidden;\n transition: 200ms;\n}\n.fadeUpAnimation {\n animation: fadeIn 0.5s linear;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.loading {\n text-align: center;\n margin-top: 50%;\n}\n.foodCard:hover {\n translate: -0.25rem -0.25rem;\n box-shadow: 2rem 2rem 2rem var(--shadowColor);\n}\n\n.storeImg {\n width: 15rem;\n height: 10rem;\n margin-bottom: 0.5rem;\n object-fit: cover;\n border-radius: 7px;\n}\n\n.storeName {\n padding-left: 1rem;\n margin-top: 1px;\n font-weight: 600;\n margin-bottom: 0.5rem;\n}\n.cuisine {\n margin-top: 1px;\n padding-left: 1rem;\n color: gray;\n}\n.storeRating {\n color: rgb(189, 189, 189);\n padding-left: 1rem;\n display: flex;\n margin-top: 1px;\n}\n.storeRating div {\n padding-right: 0.5rem;\n white-space: nowrap;\n}\n.deliveryTime {\n padding-left: 1rem;\n margin-top: 1px;\n}\n.veg,\n.nonVeg {\n margin: 1px 1rem;\n padding: 0 0.5rem;\n width: fit-content;\n text-align: center;\n white-space: nowrap;\n border-radius: 1rem;\n}\n.veg {\n border: 1px solid green;\n color: green;\n}\n.nonVeg {\n border: 1px solid red;\n color: red;\n}\n.pageNavigation {\n width: fit-content;\n margin: auto;\n display: flex;\n}\n.pageNum {\n background-color: rgb(209, 209, 209);\n text-align: center;\n height: 2.5rem;\n width: 2.5rem;\n margin: 0.5rem;\n line-height: 2.5rem;\n border-radius: 40rem;\n transition: 1s;\n cursor: pointer;\n}\n.restaurant {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.restaurantImage {\n width: 40rem;\n height: 40rem;\n object-fit: cover;\n overflow: hidden;\n border-radius: 1rem;\n opacity: 1;\n transition: 1.5s;\n}\n.restaurantInfo {\n width: 20rem;\n margin: auto;\n transition: 1s;\n}\n\n.restaurantInfo .name {\n color: green;\n font-size: 2rem;\n margin-bottom: 0.5rem;\n font-family: monospace;\n font-weight: bold;\n}\n.restaurantInfo .location {\n color: var(--softTextColor);\n font-size: 0.9rem;\n margin-bottom: 0.3rem;\n}\n.restaurantInfo .resCuisine {\n color: var(--softTextColor);\n font-size: 0.9rem;\n}\n.restaurantInfo .deliveryIn {\n color: var(--softTextColor);\n font-size: 1rem;\n}\n.restaurantInfo .distance {\n color: var(--softTextColor);\n}\n.restaurant .totalOffers {\n width: fit-content;\n border-radius: 1rem;\n padding: 0 0.7rem;\n background-color: var(--theme);\n margin: 2rem auto 0.5rem auto;\n color: white;\n}\n.allOffers {\n text-align: center;\n}\n.offerUnit {\n color: var(--softTextColor);\n font-family: monospace;\n}\n\n.menu {\n width: 80%;\n min-height: 50rem;\n padding: 1rem;\n margin: 5rem auto;\n border: 3px solid var(--theme);\n border-radius: 0rem 1rem 1rem 1rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n /* box-shadow: 0.3rem 0.3rem 0.5rem inset gray; */\n z-index: 5;\n}\n.foodItem {\n margin: 2rem 3rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n border-radius: 1rem;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n /* box-shadow: 0.3rem 0.3rem 0.3rem gray; */\n transition: 250ms;\n border: 2px solid white;\n}\n.foodItem:hover {\n /* background-color: var(--theme);\n color: white; */\n border-color: var(--theme);\n background-color: var(--theme);\n color: var(--cardBackground);\n .name {\n color: white;\n }\n .description {\n color: rgb(100, 100, 100);\n }\n /* box-shadow: 1rem 1rem 1rem gray; */\n}\n.foodItem div {\n margin: auto 0;\n /* white-space: nowrap;\n overflow: hidden;\n color: inherit; */\n}\n\n.foodItem button {\n margin: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 2rem;\n margin-left: 5rem;\n background-color: rgb(192, 192, 192);\n overflow: hidden;\n color: black;\n border: 0px solid gray;\n}\n.foodItem button:hover {\n background-color: white;\n}\n.foodItem .name {\n font-size: 1.3rem;\n color: green;\n}\n.foodItem .description {\n font-size: 0.9rem;\n color: var(--softTextColor);\n}\n.foodItemDetails {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n}\n.priceAndAdd {\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n flex-wrap: nowrap;\n}\n\n.aboutUs {\n background-color: var(--bodyBackground);\n color: var(--textColor);\n margin: auto;\n padding: 0 5rem;\n font-family: monospace;\n font-size: 1.3rem;\n}\n.loginPage {\n width: 30rem;\n height: 40rem;\n border-radius: 1rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n color: var(--textColor);\n /* margin: 5rem auto; */\n margin: 20vh auto 50vh auto;\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: space-evenly;\n}\n.loginPage label {\n margin: 5rem;\n font-weight: bold;\n font-size: 2rem;\n}\n.loginPage input {\n margin: 0 2rem;\n border-radius: 1rem;\n padding: 0.3rem 1rem;\n border: 1px solid rgb(206, 206, 206);\n}\n.loginPage input:hover {\n border: 1px solid var(--cardBackground);\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.loginPage input:focus {\n outline: none;\n border: 1px solid var(--theme);\n\n background-color: rgb(202, 255, 202);\n}\n.loginPage button {\n border-radius: 2rem;\n padding: 0.5rem 5rem;\n width: fit-content;\n margin: 1rem auto;\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n transition: 300ms;\n}\n.loginPage button:hover {\n background-color: green;\n}\n.loginPage div {\n margin: 3rem;\n color: gray;\n}\n\n.cart {\n display: flex;\n margin: auto;\n flex-wrap: wrap;\n width: fit-content;\n transition: 400ms;\n color: var(--textColor);\n background-color: var(--bodyBackground);\n}\n/* .order {\n background-color: gray;\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 30rem;\n} */\n\n.order div {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n transition: 1s;\n animation: expandDown 500ms;\n}\n.cartItems {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n height: 50rem;\n}\n.cartItemsLabel {\n font-weight: bolder;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n text-align: center;\n}\n.cartItemsRestaurant {\n color: green;\n font-family: monospace;\n font-size: 1.2rem;\n font-weight: 500;\n text-decoration: none;\n}\n.cartItemFood {\n display: flex;\n justify-content: space-between;\n padding: 0 1rem;\n}\n.cartItemFood button {\n margin: 1px 0.5rem;\n border-radius: 1rem;\n padding: 0 0.7rem;\n border: none;\n}\n.cartItemFood .add:hover {\n background-color: rgb(0, 184, 0);\n color: white;\n}\n.cartItemFood .remove:hover {\n background-color: red;\n color: white;\n}\n.addressInput {\n display: flex;\n flex-wrap: wrap;\n}\n.addressInput * {\n padding: 0.2rem 1rem;\n border-radius: 1rem;\n margin: 0.8rem 0.4rem;\n border: 1px solid rgb(156, 156, 156);\n flex-grow: 1;\n}\n.paymentInput * {\n border-radius: 1rem;\n margin: 1rem;\n padding: 0.2rem 1rem;\n width: 30rem;\n display: flex;\n border: 1px solid black;\n}\n.submitbutton {\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n}\n.submitbutton:hover {\n background-color: green;\n}\n\n.Footer {\n height: 20rem;\n background-color: black;\n color: gray;\n}\n\n.contactInfo {\n padding: 1rem;\n margin: auto;\n max-width: 50vw;\n display: flex;\n justify-content: space-evenly;\n}\n.contactInfo a {\n color: gray;\n text-decoration: none;\n}\n\n@media screen and (max-width: 78rem) {\n .restaurantImage {\n width: 100%;\n }\n .restaurantInfo {\n padding-top: 3rem;\n }\n .cart {\n width: 40rem;\n }\n}\n\n@media screen and (max-width: 1100px) {\n html {\n font-size: 30px;\n }\n .navItems * {\n padding: 0.5rem 0.8rem;\n }\n .navItems {\n margin-left: 0rem;\n }\n .cartButtonBadge {\n padding: 7px;\n }\n}\n\n.test {\n background-color: var(--theme);\n position: absolute;\n width: 5rem;\n height: 5rem;\n\n translate: -3.5rem -3.5rem;\n border-radius: 5px;\n clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);\n z-index: 4;\n}\n\n@keyframes expandDown {\n 0% {\n opacity: 0;\n translate: 0 -1rem;\n }\n 100% {\n opacity: 1;\n translate: 0 0;\n }\n}\n"],"names":[],"version":3,"file":"index.b5247af6.css.map"} \ No newline at end of file diff --git a/index.c41b5a0e.css b/index.c41b5a0e.css index 4168306..3be2603 100644 --- a/index.c41b5a0e.css +++ b/index.c41b5a0e.css @@ -546,6 +546,7 @@ html { .cart { color: var(--textColor); + background-color: var(--bodyBackground); flex-wrap: wrap; width: fit-content; margin: auto; @@ -675,7 +676,7 @@ html { } } -@media screen and (width <= 1200px) { +@media screen and (width <= 1100px) { html { font-size: 30px; } diff --git a/index.c41b5a0e.css.map b/index.c41b5a0e.css.map index 0499a81..2f927a7 100644 --- a/index.c41b5a0e.css.map +++ b/index.c41b5a0e.css.map @@ -1 +1 @@ -{"mappings":"AAAA;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;AAMA;;;;;;;;;;;;;AAYA;;;;;AAIA;;;;;;;;;AAQA;;;;;;AAOA;;;;;AAIA;;;;;;AAKA;;;;;;;;AAOA;;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;AAIA;;;;AAGA;;;;;;;;;;;AAaA;EACI;;;;;;AAKJ;;;;;;;AAMA;;;;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAIA;;;;;;;;;;;;;;;AAgBA;;;;;AAIA;;;;AAGA;;;;;AAIA;;;;;;;;;AAQA;;;;;;AAYA;;;;;;AAKA;;;;;;;;;;;;AAYA;;;;AAGA;;;;;;;;;;AAQA;;;;;AAIA;;;;;AAKA;;;;;;;;AAQA;;;;;;;AAMA;;;;;;AAKA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;;;;;AASA;;;;;AAIA;;;;;AAIA;;;;;;AAKA;;;;;;;;;;;;AAWA;;;;;;;;AAOA;;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;AAOA;;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;AAGA;;;;;;;;;AAQA;;;;AAGA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;;;;;;AAYA;;;;;EAMI;;;;EAGA;;;;;AAKJ;;;;AAOA;;;;;;;;;;AAUA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;AAQA;;;;;;;;;;;;;;AAcA;;;;;;AAKA;;;;;;;AAMA;;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;AAUA;;;;AAGA;;;;;AAKA;;;;;;;;;AAgBA;;;;;;;;;;AASA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;;;;AAOA;;;;;;AAKA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;;;;AAOA;;;;;;;;;AAQA;;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;;;AAOA;;;;;AAKA;EACI;;;;EAGA;;;;EAGA;;;;;AAKJ;EACI;;;;EAGA;;;;EAGA;;;;EAGA;;;;;AAKJ;;;;;;;;;;;AAYA","sources":["src/index.css"],"sourcesContent":[":root {\n --headerBackground: white;\n --bodyBackground: rgb(230, 230, 230);\n --cardBackground: white;\n --textColor: black;\n --softTextColor: rgb(75, 75, 75);\n --theme: rgba(0, 212, 0, 0.582);\n --shadowColor: gray;\n background-color: var(--bodyBackground);\n\n /* text-decoration: none; */\n}\n* {\n font-size: 1rem;\n margin: 0;\n padding: 0;\n scrollbar-width: thin;\n transition: color, background-color, 500ms;\n /* background-color: var(--bodyBackground); */\n}\nhtml {\n scroll-behavior: smooth;\n}\n/* body {\n background-color: var(--bodyBackground);\n} */\n.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 5rem;\n position: fixed;\n top: 0;\n width: 100%;\n color: var(--textColor);\n background-color: var(--headerBackground);\n z-index: 10;\n}\n.headerOffset {\n width: 100%;\n height: 4.7rem;\n}\n.logo {\n font-size: 2rem;\n margin-left: 1rem;\n font-family: monospace;\n font-weight: bold;\n color: var(--textColor);\n text-decoration: none;\n}\n.currentPage {\n /* position: absolute; */\n color: gray;\n margin: auto auto;\n padding-left: 0.7rem;\n /* line-height: normal; */\n}\n.switchTheme {\n height: 2rem;\n transition: background-color 5s;\n}\n.navItems {\n display: flex;\n list-style-type: none;\n margin: auto 1rem;\n}\n.navItems * {\n padding: 0.5rem 1.5rem;\n margin: auto auto;\n white-space: nowrap;\n text-decoration: none;\n color: var(--textColor);\n}\n.cartButton {\n position: relative;\n background-color: var(--theme);\n font-family: monospace;\n font-weight: 500;\n color: white;\n border-radius: 5rem;\n transition: 50ms;\n}\n.cartButtonBadge {\n position: absolute;\n font-size: 0.8rem;\n width: 1rem;\n height: 1rem;\n text-align: center;\n padding: 5px;\n color: black;\n border-radius: 1rem;\n top: -0.7rem;\n right: 0rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.cartButton:hover {\n background-color: green;\n}\n\n.body {\n padding-top: 1rem;\n background-color: var(--bodyBackground);\n}\n.fullBody {\n background-color: red;\n}\n.filterBar {\n font-family: monospace;\n display: flex;\n justify-content: space-between;\n margin: auto;\n /* min-width: 27rem; */\n /* max-width: 80rem; */\n width: 80%;\n white-space: nowrap;\n color: black;\n overflow: hidden;\n /* transition: 1.5s; */\n}\n@media screen and (max-width: 90rem) {\n .filterBar {\n width: 90%;\n flex-wrap: wrap;\n }\n}\n.search {\n width: 15rem;\n height: 1.5rem;\n padding: 5px 5px;\n z-index: 5;\n}\n.overlay {\n position: fixed;\n top: 5rem;\n right: 0;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(3px);\n z-index: 3;\n}\n.searchInput {\n position: absolute;\n border-radius: 1rem;\n padding: 3px 1rem;\n border: 1px solid white;\n /* background-color: var(--bodyBackground); */\n color: black;\n width: 15rem;\n transition: 1s;\n z-index: 5;\n outline: none;\n}\n.searchInput:hover {\n border: 1px solid gray;\n}\n.searchInput:focus {\n border: 1px solid var(--theme);\n}\n\n.searchResult {\n position: absolute;\n margin: 2rem auto;\n border-radius: 1rem;\n max-height: 40rem;\n width: 80%;\n z-index: 2;\n background-color: var(--cardBackground);\n /* scrollbar-width: none; */\n overflow-y: scroll;\n overflow-x: hidden;\n z-index: 5;\n transition: 1s;\n border: 1px solid var(--theme);\n text-decoration: none;\n}\n.searchResult a {\n text-decoration: none;\n color: var(--textColor);\n}\n.searchItem {\n padding: 2px 1rem;\n}\n.searchItem:hover {\n background-color: var(--theme);\n color: white;\n}\n.filterBar button {\n color: var(--softTextColor);\n padding: 3px 1rem;\n margin: 5px;\n border-radius: 1rem;\n border: 0px solid rgb(204, 204, 204);\n background-color: var(--cardBackground);\n}\n.filterBar button:hover {\n background-color: rgb(206, 206, 206);\n color: black;\n transition: 250ms;\n}\n\n/* .filterBar button:focus {\n border: 1px solid rgb(206, 206, 206);\n background-color: rgb(0, 212, 0);\n color: white;\n} */\n\n.foodContainer {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n}\n.foodCard {\n background-color: var(--cardBackground);\n /* background-image: linear-gradient(to bottom, white, var(--bodyBackground)); */\n color: var(--textColor);\n min-width: 15rem;\n width: 15rem;\n height: 21rem;\n margin: 1.5rem;\n border-radius: 7px;\n overflow: hidden;\n transition: 200ms;\n}\n.fadeUpAnimation {\n animation: fadeIn 0.5s linear;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.loading {\n text-align: center;\n margin-top: 50%;\n}\n.foodCard:hover {\n translate: -0.25rem -0.25rem;\n box-shadow: 2rem 2rem 2rem var(--shadowColor);\n}\n\n.storeImg {\n width: 15rem;\n height: 10rem;\n margin-bottom: 0.5rem;\n object-fit: cover;\n border-radius: 7px;\n}\n\n.storeName {\n padding-left: 1rem;\n margin-top: 1px;\n font-weight: 600;\n margin-bottom: 0.5rem;\n}\n.cuisine {\n margin-top: 1px;\n padding-left: 1rem;\n color: gray;\n}\n.storeRating {\n color: rgb(189, 189, 189);\n padding-left: 1rem;\n display: flex;\n margin-top: 1px;\n}\n.storeRating div {\n padding-right: 0.5rem;\n white-space: nowrap;\n}\n.deliveryTime {\n padding-left: 1rem;\n margin-top: 1px;\n}\n.veg,\n.nonVeg {\n margin: 1px 1rem;\n padding: 0 0.5rem;\n width: fit-content;\n text-align: center;\n white-space: nowrap;\n border-radius: 1rem;\n}\n.veg {\n border: 1px solid green;\n color: green;\n}\n.nonVeg {\n border: 1px solid red;\n color: red;\n}\n.pageNavigation {\n width: fit-content;\n margin: auto;\n display: flex;\n}\n.pageNum {\n background-color: rgb(209, 209, 209);\n text-align: center;\n height: 2.5rem;\n width: 2.5rem;\n margin: 0.5rem;\n line-height: 2.5rem;\n border-radius: 40rem;\n transition: 1s;\n cursor: pointer;\n}\n.restaurant {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.restaurantImage {\n width: 40rem;\n height: 40rem;\n object-fit: cover;\n overflow: hidden;\n border-radius: 1rem;\n opacity: 1;\n transition: 1.5s;\n}\n.restaurantInfo {\n width: 20rem;\n margin: auto;\n transition: 1s;\n}\n\n.restaurantInfo .name {\n color: green;\n font-size: 2rem;\n margin-bottom: 0.5rem;\n font-family: monospace;\n font-weight: bold;\n}\n.restaurantInfo .location {\n color: var(--softTextColor);\n font-size: 0.9rem;\n margin-bottom: 0.3rem;\n}\n.restaurantInfo .resCuisine {\n color: var(--softTextColor);\n font-size: 0.9rem;\n}\n.restaurantInfo .deliveryIn {\n color: var(--softTextColor);\n font-size: 1rem;\n}\n.restaurantInfo .distance {\n color: var(--softTextColor);\n}\n.restaurant .totalOffers {\n width: fit-content;\n border-radius: 1rem;\n padding: 0 0.7rem;\n background-color: var(--theme);\n margin: 2rem auto 0.5rem auto;\n color: white;\n}\n.allOffers {\n text-align: center;\n}\n.offerUnit {\n color: var(--softTextColor);\n font-family: monospace;\n}\n\n.menu {\n width: 80%;\n min-height: 50rem;\n padding: 1rem;\n margin: 5rem auto;\n border: 3px solid var(--theme);\n border-radius: 0rem 1rem 1rem 1rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n /* box-shadow: 0.3rem 0.3rem 0.5rem inset gray; */\n z-index: 5;\n}\n.foodItem {\n margin: 2rem 3rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n border-radius: 1rem;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n /* box-shadow: 0.3rem 0.3rem 0.3rem gray; */\n transition: 250ms;\n border: 2px solid white;\n}\n.foodItem:hover {\n /* background-color: var(--theme);\n color: white; */\n border-color: var(--theme);\n background-color: var(--theme);\n color: var(--cardBackground);\n .name {\n color: white;\n }\n .description {\n color: rgb(100, 100, 100);\n }\n /* box-shadow: 1rem 1rem 1rem gray; */\n}\n.foodItem div {\n margin: auto 0;\n /* white-space: nowrap;\n overflow: hidden;\n color: inherit; */\n}\n\n.foodItem button {\n margin: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 2rem;\n margin-left: 5rem;\n background-color: rgb(192, 192, 192);\n overflow: hidden;\n color: black;\n border: 0px solid gray;\n}\n.foodItem button:hover {\n background-color: white;\n}\n.foodItem .name {\n font-size: 1.3rem;\n color: green;\n}\n.foodItem .description {\n font-size: 0.9rem;\n color: var(--softTextColor);\n}\n.foodItemDetails {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n}\n.priceAndAdd {\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n flex-wrap: nowrap;\n}\n\n.aboutUs {\n background-color: var(--bodyBackground);\n color: var(--textColor);\n margin: auto;\n padding: 0 5rem;\n font-family: monospace;\n font-size: 1.3rem;\n}\n.loginPage {\n width: 30rem;\n height: 40rem;\n border-radius: 1rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n color: var(--textColor);\n /* margin: 5rem auto; */\n margin: 20vh auto 50vh auto;\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: space-evenly;\n}\n.loginPage label {\n margin: 5rem;\n font-weight: bold;\n font-size: 2rem;\n}\n.loginPage input {\n margin: 0 2rem;\n border-radius: 1rem;\n padding: 0.3rem 1rem;\n border: 1px solid rgb(206, 206, 206);\n}\n.loginPage input:hover {\n border: 1px solid var(--cardBackground);\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.loginPage input:focus {\n outline: none;\n border: 1px solid var(--theme);\n\n background-color: rgb(202, 255, 202);\n}\n.loginPage button {\n border-radius: 2rem;\n padding: 0.5rem 5rem;\n width: fit-content;\n margin: 1rem auto;\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n transition: 300ms;\n}\n.loginPage button:hover {\n background-color: green;\n}\n.loginPage div {\n margin: 3rem;\n color: gray;\n}\n\n.cart {\n display: flex;\n margin: auto;\n flex-wrap: wrap;\n width: fit-content;\n transition: 400ms;\n color: var(--textColor);\n}\n/* .order {\n background-color: gray;\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 30rem;\n} */\n\n.order div {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n transition: 1s;\n animation: expandDown 500ms;\n}\n.cartItems {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n height: 50rem;\n}\n.cartItemsLabel {\n font-weight: bolder;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n text-align: center;\n}\n.cartItemsRestaurant {\n color: green;\n font-family: monospace;\n font-size: 1.2rem;\n font-weight: 500;\n text-decoration: none;\n}\n.cartItemFood {\n display: flex;\n justify-content: space-between;\n padding: 0 1rem;\n}\n.cartItemFood button {\n margin: 1px 0.5rem;\n border-radius: 1rem;\n padding: 0 0.7rem;\n border: none;\n}\n.cartItemFood .add:hover {\n background-color: rgb(0, 184, 0);\n color: white;\n}\n.cartItemFood .remove:hover {\n background-color: red;\n color: white;\n}\n.addressInput {\n display: flex;\n flex-wrap: wrap;\n}\n.addressInput * {\n padding: 0.2rem 1rem;\n border-radius: 1rem;\n margin: 0.8rem 0.4rem;\n border: 1px solid rgb(156, 156, 156);\n flex-grow: 1;\n}\n.paymentInput * {\n border-radius: 1rem;\n margin: 1rem;\n padding: 0.2rem 1rem;\n width: 30rem;\n display: flex;\n border: 1px solid black;\n}\n.submitbutton {\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n}\n.submitbutton:hover {\n background-color: green;\n}\n\n.Footer {\n height: 20rem;\n background-color: black;\n color: gray;\n}\n\n.contactInfo {\n padding: 1rem;\n margin: auto;\n max-width: 50vw;\n display: flex;\n justify-content: space-evenly;\n}\n.contactInfo a {\n color: gray;\n text-decoration: none;\n}\n\n@media screen and (max-width: 78rem) {\n .restaurantImage {\n width: 100%;\n }\n .restaurantInfo {\n padding-top: 3rem;\n }\n .cart {\n width: 40rem;\n }\n}\n\n@media screen and (max-width: 1200px) {\n html {\n font-size: 30px;\n }\n .navItems * {\n padding: 0.5rem 0.8rem;\n }\n .navItems {\n margin-left: 0rem;\n }\n .cartButtonBadge {\n padding: 7px;\n }\n}\n\n.test {\n background-color: var(--theme);\n position: absolute;\n width: 5rem;\n height: 5rem;\n\n translate: -3.5rem -3.5rem;\n border-radius: 5px;\n clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);\n z-index: 4;\n}\n\n@keyframes expandDown {\n 0% {\n opacity: 0;\n translate: 0 -1rem;\n }\n 100% {\n opacity: 1;\n translate: 0 0;\n }\n}\n"],"names":[],"version":3,"file":"index.c41b5a0e.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file +{"mappings":"AAAA;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;AAMA;;;;;;;;;;;;;AAYA;;;;;AAIA;;;;;;;;;AAQA;;;;;;AAOA;;;;;AAIA;;;;;;AAKA;;;;;;;;AAOA;;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;AAIA;;;;AAGA;;;;;;;;;;;AAaA;EACI;;;;;;AAKJ;;;;;;;AAMA;;;;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAIA;;;;;;;;;;;;;;;AAgBA;;;;;AAIA;;;;AAGA;;;;;AAIA;;;;;;;;;AAQA;;;;;;AAYA;;;;;;AAKA;;;;;;;;;;;;AAYA;;;;AAGA;;;;;;;;;;AAQA;;;;;AAIA;;;;;AAKA;;;;;;;;AAQA;;;;;;;AAMA;;;;;;AAKA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;;;;;AASA;;;;;AAIA;;;;;AAIA;;;;;;AAKA;;;;;;;;;;;;AAWA;;;;;;;;AAOA;;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;AAOA;;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;AAGA;;;;;;;;;AAQA;;;;AAGA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;;;;;;AAYA;;;;;EAMI;;;;EAGA;;;;;AAKJ;;;;AAOA;;;;;;;;;;AAUA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;AAQA;;;;;;;;;;;;;;AAcA;;;;;;AAKA;;;;;;;AAMA;;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;AAUA;;;;AAGA;;;;;AAKA;;;;;;;;;;AAiBA;;;;;;;;;;AASA;;;;;;;;;AAQA;;;;;;;AAMA;;;;;;;;AAOA;;;;;;AAKA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;;;;AAOA;;;;;;;;;AAQA;;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;;;AAOA;;;;;AAKA;EACI;;;;EAGA;;;;EAGA;;;;;AAKJ;EACI;;;;EAGA;;;;EAGA;;;;EAGA;;;;;AAKJ;;;;;;;;;;;AAYA","sources":["src/index.css"],"sourcesContent":[":root {\n --headerBackground: white;\n --bodyBackground: rgb(230, 230, 230);\n --cardBackground: white;\n --textColor: black;\n --softTextColor: rgb(75, 75, 75);\n --theme: rgba(0, 212, 0, 0.582);\n --shadowColor: gray;\n background-color: var(--bodyBackground);\n\n /* text-decoration: none; */\n}\n* {\n font-size: 1rem;\n margin: 0;\n padding: 0;\n scrollbar-width: thin;\n transition: color, background-color, 500ms;\n /* background-color: var(--bodyBackground); */\n}\nhtml {\n scroll-behavior: smooth;\n}\n/* body {\n background-color: var(--bodyBackground);\n} */\n.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 5rem;\n position: fixed;\n top: 0;\n width: 100%;\n color: var(--textColor);\n background-color: var(--headerBackground);\n z-index: 10;\n}\n.headerOffset {\n width: 100%;\n height: 4.7rem;\n}\n.logo {\n font-size: 2rem;\n margin-left: 1rem;\n font-family: monospace;\n font-weight: bold;\n color: var(--textColor);\n text-decoration: none;\n}\n.currentPage {\n /* position: absolute; */\n color: gray;\n margin: auto auto;\n padding-left: 0.7rem;\n /* line-height: normal; */\n}\n.switchTheme {\n height: 2rem;\n transition: background-color 5s;\n}\n.navItems {\n display: flex;\n list-style-type: none;\n margin: auto 1rem;\n}\n.navItems * {\n padding: 0.5rem 1.5rem;\n margin: auto auto;\n white-space: nowrap;\n text-decoration: none;\n color: var(--textColor);\n}\n.cartButton {\n position: relative;\n background-color: var(--theme);\n font-family: monospace;\n font-weight: 500;\n color: white;\n border-radius: 5rem;\n transition: 50ms;\n}\n.cartButtonBadge {\n position: absolute;\n font-size: 0.8rem;\n width: 1rem;\n height: 1rem;\n text-align: center;\n padding: 5px;\n color: black;\n border-radius: 1rem;\n top: -0.7rem;\n right: 0rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.cartButton:hover {\n background-color: green;\n}\n\n.body {\n padding-top: 1rem;\n background-color: var(--bodyBackground);\n}\n.fullBody {\n background-color: red;\n}\n.filterBar {\n font-family: monospace;\n display: flex;\n justify-content: space-between;\n margin: auto;\n /* min-width: 27rem; */\n /* max-width: 80rem; */\n width: 80%;\n white-space: nowrap;\n color: black;\n overflow: hidden;\n /* transition: 1.5s; */\n}\n@media screen and (max-width: 90rem) {\n .filterBar {\n width: 90%;\n flex-wrap: wrap;\n }\n}\n.search {\n width: 15rem;\n height: 1.5rem;\n padding: 5px 5px;\n z-index: 5;\n}\n.overlay {\n position: fixed;\n top: 5rem;\n right: 0;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(3px);\n z-index: 3;\n}\n.searchInput {\n position: absolute;\n border-radius: 1rem;\n padding: 3px 1rem;\n border: 1px solid white;\n /* background-color: var(--bodyBackground); */\n color: black;\n width: 15rem;\n transition: 1s;\n z-index: 5;\n outline: none;\n}\n.searchInput:hover {\n border: 1px solid gray;\n}\n.searchInput:focus {\n border: 1px solid var(--theme);\n}\n\n.searchResult {\n position: absolute;\n margin: 2rem auto;\n border-radius: 1rem;\n max-height: 40rem;\n width: 80%;\n z-index: 2;\n background-color: var(--cardBackground);\n /* scrollbar-width: none; */\n overflow-y: scroll;\n overflow-x: hidden;\n z-index: 5;\n transition: 1s;\n border: 1px solid var(--theme);\n text-decoration: none;\n}\n.searchResult a {\n text-decoration: none;\n color: var(--textColor);\n}\n.searchItem {\n padding: 2px 1rem;\n}\n.searchItem:hover {\n background-color: var(--theme);\n color: white;\n}\n.filterBar button {\n color: var(--softTextColor);\n padding: 3px 1rem;\n margin: 5px;\n border-radius: 1rem;\n border: 0px solid rgb(204, 204, 204);\n background-color: var(--cardBackground);\n}\n.filterBar button:hover {\n background-color: rgb(206, 206, 206);\n color: black;\n transition: 250ms;\n}\n\n/* .filterBar button:focus {\n border: 1px solid rgb(206, 206, 206);\n background-color: rgb(0, 212, 0);\n color: white;\n} */\n\n.foodContainer {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n}\n.foodCard {\n background-color: var(--cardBackground);\n /* background-image: linear-gradient(to bottom, white, var(--bodyBackground)); */\n color: var(--textColor);\n min-width: 15rem;\n width: 15rem;\n height: 21rem;\n margin: 1.5rem;\n border-radius: 7px;\n overflow: hidden;\n transition: 200ms;\n}\n.fadeUpAnimation {\n animation: fadeIn 0.5s linear;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.loading {\n text-align: center;\n margin-top: 50%;\n}\n.foodCard:hover {\n translate: -0.25rem -0.25rem;\n box-shadow: 2rem 2rem 2rem var(--shadowColor);\n}\n\n.storeImg {\n width: 15rem;\n height: 10rem;\n margin-bottom: 0.5rem;\n object-fit: cover;\n border-radius: 7px;\n}\n\n.storeName {\n padding-left: 1rem;\n margin-top: 1px;\n font-weight: 600;\n margin-bottom: 0.5rem;\n}\n.cuisine {\n margin-top: 1px;\n padding-left: 1rem;\n color: gray;\n}\n.storeRating {\n color: rgb(189, 189, 189);\n padding-left: 1rem;\n display: flex;\n margin-top: 1px;\n}\n.storeRating div {\n padding-right: 0.5rem;\n white-space: nowrap;\n}\n.deliveryTime {\n padding-left: 1rem;\n margin-top: 1px;\n}\n.veg,\n.nonVeg {\n margin: 1px 1rem;\n padding: 0 0.5rem;\n width: fit-content;\n text-align: center;\n white-space: nowrap;\n border-radius: 1rem;\n}\n.veg {\n border: 1px solid green;\n color: green;\n}\n.nonVeg {\n border: 1px solid red;\n color: red;\n}\n.pageNavigation {\n width: fit-content;\n margin: auto;\n display: flex;\n}\n.pageNum {\n background-color: rgb(209, 209, 209);\n text-align: center;\n height: 2.5rem;\n width: 2.5rem;\n margin: 0.5rem;\n line-height: 2.5rem;\n border-radius: 40rem;\n transition: 1s;\n cursor: pointer;\n}\n.restaurant {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.restaurantImage {\n width: 40rem;\n height: 40rem;\n object-fit: cover;\n overflow: hidden;\n border-radius: 1rem;\n opacity: 1;\n transition: 1.5s;\n}\n.restaurantInfo {\n width: 20rem;\n margin: auto;\n transition: 1s;\n}\n\n.restaurantInfo .name {\n color: green;\n font-size: 2rem;\n margin-bottom: 0.5rem;\n font-family: monospace;\n font-weight: bold;\n}\n.restaurantInfo .location {\n color: var(--softTextColor);\n font-size: 0.9rem;\n margin-bottom: 0.3rem;\n}\n.restaurantInfo .resCuisine {\n color: var(--softTextColor);\n font-size: 0.9rem;\n}\n.restaurantInfo .deliveryIn {\n color: var(--softTextColor);\n font-size: 1rem;\n}\n.restaurantInfo .distance {\n color: var(--softTextColor);\n}\n.restaurant .totalOffers {\n width: fit-content;\n border-radius: 1rem;\n padding: 0 0.7rem;\n background-color: var(--theme);\n margin: 2rem auto 0.5rem auto;\n color: white;\n}\n.allOffers {\n text-align: center;\n}\n.offerUnit {\n color: var(--softTextColor);\n font-family: monospace;\n}\n\n.menu {\n width: 80%;\n min-height: 50rem;\n padding: 1rem;\n margin: 5rem auto;\n border: 3px solid var(--theme);\n border-radius: 0rem 1rem 1rem 1rem;\n background-color: var(--bodyBackground);\n color: var(--textColor);\n /* box-shadow: 0.3rem 0.3rem 0.5rem inset gray; */\n z-index: 5;\n}\n.foodItem {\n margin: 2rem 3rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n border-radius: 1rem;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n /* box-shadow: 0.3rem 0.3rem 0.3rem gray; */\n transition: 250ms;\n border: 2px solid white;\n}\n.foodItem:hover {\n /* background-color: var(--theme);\n color: white; */\n border-color: var(--theme);\n background-color: var(--theme);\n color: var(--cardBackground);\n .name {\n color: white;\n }\n .description {\n color: rgb(100, 100, 100);\n }\n /* box-shadow: 1rem 1rem 1rem gray; */\n}\n.foodItem div {\n margin: auto 0;\n /* white-space: nowrap;\n overflow: hidden;\n color: inherit; */\n}\n\n.foodItem button {\n margin: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 2rem;\n margin-left: 5rem;\n background-color: rgb(192, 192, 192);\n overflow: hidden;\n color: black;\n border: 0px solid gray;\n}\n.foodItem button:hover {\n background-color: white;\n}\n.foodItem .name {\n font-size: 1.3rem;\n color: green;\n}\n.foodItem .description {\n font-size: 0.9rem;\n color: var(--softTextColor);\n}\n.foodItemDetails {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n}\n.priceAndAdd {\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n flex-wrap: nowrap;\n}\n\n.aboutUs {\n background-color: var(--bodyBackground);\n color: var(--textColor);\n margin: auto;\n padding: 0 5rem;\n font-family: monospace;\n font-size: 1.3rem;\n}\n.loginPage {\n width: 30rem;\n height: 40rem;\n border-radius: 1rem;\n padding: 1rem;\n background-color: var(--cardBackground);\n color: var(--textColor);\n /* margin: 5rem auto; */\n margin: 20vh auto 50vh auto;\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: space-evenly;\n}\n.loginPage label {\n margin: 5rem;\n font-weight: bold;\n font-size: 2rem;\n}\n.loginPage input {\n margin: 0 2rem;\n border-radius: 1rem;\n padding: 0.3rem 1rem;\n border: 1px solid rgb(206, 206, 206);\n}\n.loginPage input:hover {\n border: 1px solid var(--cardBackground);\n background-color: var(--bodyBackground);\n color: var(--textColor);\n}\n.loginPage input:focus {\n outline: none;\n border: 1px solid var(--theme);\n\n background-color: rgb(202, 255, 202);\n}\n.loginPage button {\n border-radius: 2rem;\n padding: 0.5rem 5rem;\n width: fit-content;\n margin: 1rem auto;\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n transition: 300ms;\n}\n.loginPage button:hover {\n background-color: green;\n}\n.loginPage div {\n margin: 3rem;\n color: gray;\n}\n\n.cart {\n display: flex;\n margin: auto;\n flex-wrap: wrap;\n width: fit-content;\n transition: 400ms;\n color: var(--textColor);\n background-color: var(--bodyBackground);\n}\n/* .order {\n background-color: gray;\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 30rem;\n} */\n\n.order div {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n transition: 1s;\n animation: expandDown 500ms;\n}\n.cartItems {\n background-color: var(--cardBackground);\n border-radius: 1rem;\n margin: 1rem;\n padding: 1rem;\n width: 35rem;\n height: 50rem;\n}\n.cartItemsLabel {\n font-weight: bolder;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n text-align: center;\n}\n.cartItemsRestaurant {\n color: green;\n font-family: monospace;\n font-size: 1.2rem;\n font-weight: 500;\n text-decoration: none;\n}\n.cartItemFood {\n display: flex;\n justify-content: space-between;\n padding: 0 1rem;\n}\n.cartItemFood button {\n margin: 1px 0.5rem;\n border-radius: 1rem;\n padding: 0 0.7rem;\n border: none;\n}\n.cartItemFood .add:hover {\n background-color: rgb(0, 184, 0);\n color: white;\n}\n.cartItemFood .remove:hover {\n background-color: red;\n color: white;\n}\n.addressInput {\n display: flex;\n flex-wrap: wrap;\n}\n.addressInput * {\n padding: 0.2rem 1rem;\n border-radius: 1rem;\n margin: 0.8rem 0.4rem;\n border: 1px solid rgb(156, 156, 156);\n flex-grow: 1;\n}\n.paymentInput * {\n border-radius: 1rem;\n margin: 1rem;\n padding: 0.2rem 1rem;\n width: 30rem;\n display: flex;\n border: 1px solid black;\n}\n.submitbutton {\n border: 1px solid var(--theme);\n background-color: var(--theme);\n color: white;\n}\n.submitbutton:hover {\n background-color: green;\n}\n\n.Footer {\n height: 20rem;\n background-color: black;\n color: gray;\n}\n\n.contactInfo {\n padding: 1rem;\n margin: auto;\n max-width: 50vw;\n display: flex;\n justify-content: space-evenly;\n}\n.contactInfo a {\n color: gray;\n text-decoration: none;\n}\n\n@media screen and (max-width: 78rem) {\n .restaurantImage {\n width: 100%;\n }\n .restaurantInfo {\n padding-top: 3rem;\n }\n .cart {\n width: 40rem;\n }\n}\n\n@media screen and (max-width: 1100px) {\n html {\n font-size: 30px;\n }\n .navItems * {\n padding: 0.5rem 0.8rem;\n }\n .navItems {\n margin-left: 0rem;\n }\n .cartButtonBadge {\n padding: 7px;\n }\n}\n\n.test {\n background-color: var(--theme);\n position: absolute;\n width: 5rem;\n height: 5rem;\n\n translate: -3.5rem -3.5rem;\n border-radius: 5px;\n clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);\n z-index: 4;\n}\n\n@keyframes expandDown {\n 0% {\n opacity: 0;\n translate: 0 -1rem;\n }\n 100% {\n opacity: 1;\n translate: 0 0;\n }\n}\n"],"names":[],"version":3,"file":"index.c41b5a0e.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/index.html b/index.html index 18c6223..a1f1002 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -foodie
not rendered
\ No newline at end of file +foodie
not rendered
\ No newline at end of file diff --git a/index.runtime.4998dab3.js b/index.runtime.4998dab3.js new file mode 100644 index 0000000..5ee5a79 --- /dev/null +++ b/index.runtime.4998dab3.js @@ -0,0 +1,2 @@ +var e=globalThis,r={},t={},n=e.parcelRequire26b5;null==n&&((n=function(e){if(e in r)return r[e].exports;if(e in t){var n=t[e];delete t[e];var a={id:e,exports:{}};return r[e]=a,n.call(a.exports,a,a.exports),a.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,r){t[e]=r},e.parcelRequire26b5=n),(0,n.register)("27Lyk",function(e,r){Object.defineProperty(e.exports,"register",{get:()=>t,set:e=>t=e,enumerable:!0,configurable:!0});var t,n=new Map;t=function(e,r){for(var t=0;t","node_modules/@parcel/runtime-js/lib/helpers/bundle-manifest.js","node_modules/@parcel/runtime-js/lib/runtime-56f8ef842a3d4c6a.js"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire26b5\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire26b5\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nparcelRegister(\"27Lyk\", function(module, exports) {\n\n$parcel$export(module.exports, \"register\", () => $18c11f3350a906ea$export$6503ec6e8aabbaf, (v) => $18c11f3350a906ea$export$6503ec6e8aabbaf = v);\nvar $18c11f3350a906ea$export$6503ec6e8aabbaf;\nvar $18c11f3350a906ea$export$f7ad0328861e2f03;\n\"use strict\";\nvar $18c11f3350a906ea$var$mapping = new Map();\nfunction $18c11f3350a906ea$var$register(baseUrl, manifest) {\n for(var i = 0; i < manifest.length - 1; i += 2)$18c11f3350a906ea$var$mapping.set(manifest[i], {\n baseUrl: baseUrl,\n path: manifest[i + 1]\n });\n}\nfunction $18c11f3350a906ea$var$resolve(id) {\n var resolved = $18c11f3350a906ea$var$mapping.get(id);\n if (resolved == null) throw new Error(\"Could not resolve bundle with id \" + id);\n return new URL(resolved.path, resolved.baseUrl).toString();\n}\n$18c11f3350a906ea$export$6503ec6e8aabbaf = $18c11f3350a906ea$var$register;\n$18c11f3350a906ea$export$f7ad0328861e2f03 = $18c11f3350a906ea$var$resolve;\n\n});\n\nvar $4b7d0750723a758c$exports = {};\n\n(parcelRequire(\"27Lyk\")).register(new URL(\"\", import.meta.url).toString(), JSON.parse('[\"Y15zO\",\"index.fcefe4d5.js\",\"l2I6q\",\"moon.9c2a9f44.png\",\"7483Y\",\"sun.06e46477.png\",\"8koGT\",\"index.b5247af6.css\"]'));\n\n\n//# sourceMappingURL=index.runtime.4998dab3.js.map\n","\"use strict\";\n\nvar mapping = new Map();\nfunction register(baseUrl, manifest) {\n for (var i = 0; i < manifest.length - 1; i += 2) {\n mapping.set(manifest[i], {\n baseUrl: baseUrl,\n path: manifest[i + 1]\n });\n }\n}\nfunction resolve(id) {\n var resolved = mapping.get(id);\n if (resolved == null) {\n throw new Error('Could not resolve bundle with id ' + id);\n }\n return new URL(resolved.path, resolved.baseUrl).toString();\n}\nmodule.exports.register = register;\nmodule.exports.resolve = resolve;","require('./helpers/bundle-manifest').register(new __parcel__URL__(\"\").toString(),JSON.parse(\"[\\\"Y15zO\\\",\\\"index.fcefe4d5.js\\\",\\\"l2I6q\\\",\\\"moon.9c2a9f44.png\\\",\\\"7483Y\\\",\\\"sun.06e46477.png\\\",\\\"8koGT\\\",\\\"index.b5247af6.css\\\"]\"));"],"names":["$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","parcelRegister","Object","defineProperty","get","$18c11f3350a906ea$export$6503ec6e8aabbaf","set","v","enumerable","configurable","$18c11f3350a906ea$var$mapping","Map","baseUrl","manifest","i","length","path","URL","url","toString","JSON","parse"],"version":3,"file":"index.runtime.4998dab3.js.map"} \ No newline at end of file