@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto Mono;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*,:after,:before{box-sizing:border-box}.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)}}.authForm{grid-template-columns:15%;margin:0 auto}.authForm,.formBox{align-items:center;display:flex;flex-direction:column}.formBox{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:100vh;justify-content:center}.formBox h1{color:red}.authForm input{border-radius:5px}.submit{border:0;border-radius:.7rem;font-family:Roboto Mono;margin:15px 0;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease,transform .1s ease;width:8rem}.submit,.submit:hover{background-color:#000;color:#fff}.submit:hover{cursor:pointer;transform:scale(1.1)}.navigateLink{text-decoration:none;transition:transform .1s ease-in-out}.navigateLink:hover{transform:scale(1.1)}.svg{height:50px;width:50px}.svg:hover{cursor:pointer}.guide{text-align:center}.productsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 2vh}.product-card{align-items:center;border:1px solid #000;display:grid;grid-template-columns:repeat(5,1fr);height:25vh;padding:1rem;text-align:left;transition:transform .2s ease,border .1s ease-in-out}.product-card:hover{border:3px solid #000;cursor:pointer;transform:scale(1.01)}.imageBox{display:flex;height:auto;justify-content:center;width:150px}.product-card img{height:auto;max-width:120px;object-fit:contain;width:100%}.productInfo{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:15px}.product-name{font-size:1.1rem;margin:10px 0}.category{color:#777;font-size:1rem}.add{background-color:#c5c5c5;border:0;border-radius:.7rem;color:#000;font-family:Roboto Mono;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease,transform .1s ease;width:8rem}.add:hover{background-color:#000;color:#fff;cursor:pointer;transform:scale(1.1)}.added-text{color:green;font-size:1rem;font-weight:700;width:9rem}@media (max-width:1199px) and (min-width:768px){.imageBox{height:100px;width:auto}.product-card{align-items:center;grid-template-columns:none;grid-template-rows:repeat(5,1fr);height:50vh;justify-content:center;justify-items:center}.productsGrid{grid-template-columns:repeat(2,1fr);justify-content:space-between}}@media (max-width:767px) and (min-width:425px){.productsGrid{grid-template-columns:repeat(1,1fr);justify-items:center;padding:0 2vh}.product-card{align-items:center;grid-template-columns:repeat(5,1fr);grid-template-rows:none;height:30vh;justify-items:center;text-align:center;width:100%}.product-name{font-size:.9rem;text-align:center}.price{font-size:.8rem}.category{font-size:.9rem}.add{padding:.5rem;width:8rem}.imageBox{height:auto;width:80px}}@media (max-width:424px) and (min-width:319px){.productsGrid{padding:0 2vh}.product-card,.productsGrid{grid-template-columns:none;justify-content:center}.product-card{align-items:center;grid-template-rows:repeat(auto-fit,minmax(0,auto));height:45vh;justify-items:center;width:80vw}.imageBox{height:auto;width:80px}}.detailGrid{grid-row-gap:5vh;grid-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:5vh auto;max-width:60vw;row-gap:5vh;text-align:center}.detailGrid,.imgDiv{align-items:center;justify-content:center}.imgDiv{column-gap:200px;display:flex}.img{margin:0 auto;max-height:20vh;max-width:20vh}form input{text-align:center}.price{color:#28a745;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.cartNotif{border:3px solid #000;column-gap:20px;margin:50px auto 0;max-width:200px}.cartForm,.cartNotif{align-items:center;display:flex;justify-content:center}.cartForm{column-gap:.5rem}.description{word-wrap:break-word;text-align:center}.cross{height:25px;width:25px}.cart:hover,.cross:hover{cursor:pointer}@media (max-width:1199px) and (min-width:768px){.detailGrid{grid-row-gap:1vh;align-items:none;display:grid;grid-template-columns:none;grid-template-rows:repeat(6,1fr);margin-bottom:10vh;max-width:80vh;min-height:50vh;row-gap:1vh}}@media (max-width:767px) and (min-width:425px){.detailGrid{grid-row-gap:1vh;align-items:none;display:grid;font-size:90%;grid-template-columns:none;grid-template-rows:repeat(6,1fr);margin-bottom:10vh;max-width:60vh;row-gap:1vh}.cartForm{height:100%}}@media (max-width:424px) and (min-width:319px){.detailGrid{grid-row-gap:1vh;display:grid;font-size:90%;grid-template-columns:none;grid-template-rows:repeat(5,1fr);margin-bottom:10vh;max-width:35vh;row-gap:1vh}.imgDiv{align-items:center;column-gap:200px;display:flex;justify-content:center;margin-top:100px}.img{max-height:15vh;max-width:15vh}}.cartGrid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px}.checkout{align-items:center;display:flex;gap:1rem;justify-content:center}.checkout,.noCart{margin:50px 40px}.noCartContainer>button{background-color:#000;border:0;border-radius:.7rem;color:#fff;font-family:Roboto Mono;padding:.5rem 1rem;width:8rem}.noCartContainer{flex-direction:column;height:93vh}.noCartContainer,.quantityForm{align-items:center;display:flex;justify-content:center}.quantityForm{column-gap:1rem;height:5vh;margin:2vh 0}.cartButton{background-color:#000;border:0;border-radius:.7rem;color:#fff;font-family:Roboto Mono;padding:.5rem 1rem;transition:all .3s ease,transform .1s ease;width:8rem}.cartButton:hover{color:#fff}.cartButton:hover,.cartButton[name=remove]:hover{background-color:#000;cursor:pointer;transform:scale(1.1)}.cartButton[name=remove]:hover{color:red}.cartButton[name=order]:hover{background-color:orange;color:#fff}.qtyField{border-radius:.7rem;padding:.5rem 1rem}@media (max-width:1199px) and (min-width:768px){.cartGrid{grid-row-gap:4vh;display:grid;grid-template-columns:none;justify-content:none;row-gap:4vh}}@media (max-width:767px) and (min-width:425px){.quantityForm{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,15vh);height:8vh;margin:1rem 0;width:40vh}.cartGrid,.quantityForm{display:grid;justify-content:center}.cartGrid{grid-template-columns:none}.cartProductContainer{display:grid;height:45vh;justify-items:center;max-width:80vh}.product-card{justify-content:center}.qtyField{border-radius:.7rem;padding:.5rem}}@media (max-width:424px) and (min-width:319px){.quantityForm{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);height:3vh;margin:1rem 0}.quantityForm>label{text-align:center}.cartGrid{grid-row-gap:5vh;display:grid;grid-template-columns:none;justify-content:center;row-gap:5vh}.cartProductContainer{height:60vh;width:80vw}}.navbar{align-items:center;background-color:#000;box-sizing:border-box;display:flex;height:7vh;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:9}.cart{height:50px;transition:transform .2s ease-in-out;width:50px}.cart:hover{transform:scale(1.25)}.navbar>div>a{color:#fff;text-decoration:none}.home,.signout{align-items:center;background-color:#000;color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;padding:0 1vh;transition:all .3s ease-in-out}.home:hover{background-color:#fff;color:#000}.signout:hover{background-color:#fff;color:red}.navbar>div{align-items:center;column-gap:40px;display:flex}@media (max-width:1199px) and (min-width:768px){.navbar{justify-content:space-around}}@media (max-width:767px) and (min-width:319px){.navbar{justify-content:space-around;padding:0}}
/*# sourceMappingURL=main.e6216937.css.map*/