body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.headersSearchBox{display:flex;margin:auto;width:30%}.header{position:-webkit-sticky;position:sticky;top:-110px}.searchListBox{background-color:rgba(0,0,0,.452);height:100vh;margin:auto;position:fixed;width:100vw}.searchList{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.082);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:10px;width:40%}.brandName{color:#fff;display:flex;font-family:Roboto Slab;font-size:x-large;font-weight:500;padding:18px}#navBar{background-color:#8f2917;padding:8px 8px 16px}#searchButton{background-color:#df963e;color:#000}#searchButton:hover{background-color:#b8621d;color:#fff}.username{color:#df944f;cursor:pointer;font-size:larger;font-weight:500}.usernameBox{padding-bottom:12px}.username:hover{color:#f0f8ff}.logoutButton{background-color:#dd973b;border:none;border-radius:4px;margin-bottom:30px}.logoutButton:hover{background-color:#c26711;color:#f0f8ff}.cart{color:#fff;cursor:pointer;display:flex;justify-content:end;margin-right:20px;padding:12px}@media(max-width:800px){#headersSearchBoxInput{margin:auto;width:50vw}}@media(max-width:480px){#headersSearchBoxInput{margin:auto;width:40vw}.brandName{font-size:large}.searchList{width:80%}}@media(max-width:380px){.headersSearchBox{justify-content:center}#searchButton{font-size:10px;height:24px;width:50px}#headersSearchBoxInput{height:24px;width:50vw}}@media(max-width:320px){.logoutButton{font-size:14px;width:60px}}.productList{gap:20px;justify-content:center;margin-top:20px}.productName{color:#a01414;font-size:large;font-weight:500;margin-top:12px}.products{border-radius:6px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.144);cursor:pointer;padding:12px}@media(max-width:480px){.products{width:90vw}.productImage{width:50vw}}.footerSVG{display:flex;gap:20px;justify-content:center}.footer{background-color:#c9934d;color:#8d2222;height:110px;margin-top:12px;padding-top:12px}.svg{width:20px}@media(max-width:380px){.footer{font-size:12px}}@media(max-width:280px){.footer{font-size:9px}}.productList{display:flex;flex-wrap:wrap;justify-content:space-evenly}.productImage{width:25vw}.productSearched{border-radius:6px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.144);cursor:pointer;padding-bottom:12px;padding-top:12px}#backButton{color:#fff;cursor:pointer;font-size:30px;margin-right:95%;margin-top:12px;position:fixed;top:70px}.searchedLogout{display:flex;justify-content:flex-end}@media(max-width:800px){#backButton{margin-right:85%}}@media(max-width:480px){.productSearched{width:90vw}.productImage{width:50vw}}@media(max-width:320px){.searchedLogout{background-color:#8f2917;justify-content:space-between;position:-webkit-sticky;position:sticky;top:126px}#backButton{margin-bottom:12px;margin-left:12px;margin-right:0;position:static}}.signup{height:57.5vh}.signupBox{border-radius:4px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.158);height:50vh;margin:20px auto auto;padding-top:20px;width:30Vw}.inputForSignup{border-radius:4px;margin-bottom:20px;width:80%}.inputForSignup:hover{border:2px solid #cca04f}.signupButton{background-color:#e69b2c;border:0;border-radius:5px;height:40px;margin-bottom:16px;width:70px}.signupButton:hover{background-color:#995f14;color:#f0f8ff}.navigateToLoginPage{cursor:pointer;font-weight:500}.navigateToLoginPage:hover{color:#4f51b1}@media(max-width:900px){.signupBox{width:40vw}}@media(max-width:620px){.signupBox{width:50vw}}@media(max-width:480px){.signupBox{width:90vw}}.login{height:57.5vh}.loginBox{border-radius:4px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.158);height:50vh;margin:20px auto auto;padding-top:20px;width:30Vw}.inputForLogin{border-radius:4px;margin-bottom:20px;width:80%}.inputForLogin:hover{border:2px solid #cca04f}.loginButton{background-color:#e69b2c;border:0;border-radius:5px;height:40px;margin-bottom:16px;width:70px}.loginButton:hover{background-color:#995f14;color:#f0f8ff}.register{cursor:pointer;font-weight:500}.register:hover{color:#4f51b1}@media(max-width:900px){.loginBox{width:40vw}}@media(max-width:620px){.loginBox{width:50vw}}@media(max-width:480px){.loginBox{width:90vw}}.backButton{background-color:#da7829;border:none;border-radius:12px}.backButton:hover{background-color:brown;color:#f0f8ff}.addButton{margin-bottom:12px}@media(max-width:480px){.backButton{margin-top:12px}}.carts{height:60vh;overflow:auto;padding-top:20px}.cartProduct{border-radius:8px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.13);display:flex;justify-content:space-around;margin:12px auto;padding:20px;width:50vw}.cartImage{width:10vw}.clearButton{background-color:rgba(0,0,0,.459);border:1px solid blue;border-radius:12px;color:#f0f8ff;cursor:pointer;padding:8px}.cartBox{display:flex;justify-content:space-around}.noOfCart{border-radius:12px;box-shadow:1px 1px 2px 2px;height:100px;margin-bottom:50px;margin-top:25px}.placeOrder{background-color:#08c511;border-radius:8px;cursor:pointer;font-weight:700;margin:auto;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.placeOrder:hover{color:#fff}@media(max-width:790px){.cartProduct{width:70vw}.clearButton{right:25px}}@media(max-width:480px){.cartProduct{display:block}.cartImage{width:40vw}}
/*# sourceMappingURL=main.00fd8e9f.css.map*/