@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&display=swap);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)}}a{color:none;text-decoration:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.Navbar{background:#f1f1f1;position:-webkit-sticky;position:sticky;top:0}.header{justify-content:space-between;top:0}.Navbar-LogoName,.header{align-items:center;display:flex}.Navbar-LogoName{margin:0 10px}.Navbar-LogoName img{height:2.5rem}.Navbar-LogoName a{color:#47bc9d;font-family:Lexend,sans-serif;font-size:2.4rem;font-weight:700;line-height:86px;margin-left:10px;text-decoration:none}.SearchBox,nav{align-items:center;display:flex}.SearchBox{border:1px solid #000;border-radius:10px;justify-content:flex-start;margin-left:40px;padding:5px 10px;width:60vw}.SearchBox img{height:1.5rem}.SearchBox input{background:transparent;border:none;width:100%}.SearchBox input:focus-visible{outline:none}.loginSignUp{color:#000;font-weight:600;margin-right:20px}.Cards{align-items:center;color:#000;display:flex;flex-direction:column;justify-content:flex-start;margin:5px 10px;padding:5px 10px}.ImgContainer img{aspect-ratio:16/9;border-radius:10px;overflow:hidden;width:100%}.descContainer{width:100%}.descContainer .CardName{font-size:1.5rem;font-weight:600;text-align:start}.descContainer .Desc{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:normal;width:100%}.descContainer .tagLine{border:1px dashed #09cf8a;text-align:start}.MainCotainer{margin:0}.CardsDeatails{background:#7ef1d2fa;padding-bottom:20px;padding-top:20px;width:100vw}.CardsDeatails,.CardsDeatails :nth-child(2){overflow:hidden}.CardsDeatails :nth-child(2) img{border-radius:10px;width:100%}.CardsDeatails :nth-child(3) .InputContainer{align-items:flex-start;display:flex;flex-direction:column;margin:10px 0}.CardsDeatails :nth-child(3) .InputContainer input{background:#47bc9d00;border:none;border-bottom:1px solid #000}.CardsDeatails :nth-child(3) .InputContainer input:focus-visible{outline:none}.CardsDeatails :nth-child(3) .BuyingOption{align-items:start;display:flex;flex-direction:column}.CardsDeatails :nth-child(3) .BuyingOption label{margin:0 10px}.CheckBox{padding:0 5px}.DeliveryOptions{align-items:start;display:flex}.DeliveryOptions .CheckBox label{margin-left:10px}.Details{width:100vw}.Details div{margin-left:20px;padding:20px 0;width:25vw}.Details div input{border:none;border-bottom:1px solid#000;width:100%}.Details div input:focus-visible{outline:none}.Details{padding:20px 0}.PayNow button{background:#47bc9d;border:none;border-radius:20px;color:#fff;font-size:2rem;font-weight:700;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.categoryContainer{background:#e3e3e3;color:#000}.categoryContainer div{margin-bottom:auto;margin-top:auto}.DropdownContainer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;transition:1s ease-in-out;width:100vw}.CategoryDropdown,.DropdownContainer{background:#e3e3e3;display:flex}.CategoryDropdown button{background:transparent;border:none;margin-left:20px;padding:10px 0}.categoryList ul{list-style:none}.PaymentSection{align-items:center;background:#ffffff3e;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;top:0;width:100vw;z-index:1024}.PaymentSection div{background:#fff;border-radius:20px;padding:20px 30px}.PaymentSection input{border:none;border-bottom:1px solid #000;margin-left:20px}.PaymentSection input:focus-visible{outline:none}.PaymentSection button{background:transparent;border:none}.CardImage{height:30vh;object-fit:fill;width:40vw}
/*# sourceMappingURL=main.b5dea1f3.css.map*/