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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#acac86;font-family:cursive;margin:0;padding:0}.App-header{background-color:#87cf00;color:#fff;padding:20px;text-align:center;text-shadow:2px 2px 4px #0003}.App-main{flex-direction:column;flex-wrap:wrap;justify-content:center;padding:20px}.App-main,.search-bar{align-items:center;display:flex}.search-bar{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px;padding:5px 10px;width:100%}.search-bar input{background-color:#fff;border:none;border-radius:5px;flex:1 1;font-size:16px;padding:10px;transition:background-color .3s ease-in-out}.search-bar input:focus{background-color:#fff;outline:none}.search-icon{color:#6cc24a;font-size:1.2rem;margin-right:10px}.product-list{display:flex;flex:2 1;gap:20px}.product{background-color:#ede3e3;border:1px solid #1b4e1f;border-radius:10%;cursor:pointer;overflow:hidden;padding:10px 60px;position:relative;text-align:center;transition:transform .2s ease-in-out;width:150px}.product:hover{box-shadow:0 0 5px 7px #ede3e3;transform:translateY(-5px) scale(1.03)}.product img{border-radius:50%;box-shadow:0 6px 12px #0003;height:auto;margin-bottom:10px;max-width:150px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.product:hover img{box-shadow:0 8px 16px #0000004d;transform:scale(1.1);z-index:1}.product h2{color:#323754;font-size:1.5rem;margin:10px 0}.product p{color:#777;font-size:1.1rem;margin:5px 0}.cart{background-color:#fff9e6;border:2px solid #193d10;border-radius:20px;box-shadow:0 10px 20px #0000001a;cursor:grab;display:none;flex:1 1;margin-top:3%;min-width:300px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:20px}.cart.active{display:block}.cart h2{color:#323754;font-size:1.8rem;margin-top:0;text-align:center}.cart ul{list-style:none;margin:0;padding:0}.cart-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:space-between;margin:15px 0;padding:10px}.cart-item .item-image img{border-radius:50%;box-shadow:0 4px 8px #0000001a;height:auto;margin-right:20px;max-width:90px;transition:transform .3s ease-in-out}.cart-item .item-image img:hover{transform:scale(1.1)}.cart-item .item-details{display:inline;flex:1 1}.cart-item h3{color:#323754;display:inline;font-size:1.4rem;margin:0}.cart-item p{color:#777;font-size:1.1rem;margin:5px 0}.cart-item .item-actions{align-items:center;display:flex;flex-direction:row}.cart-item .item-actions button{background-color:#608153;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px;transition:background-color .3s ease-in-out}.cart-item .item-actions button:hover{background-color:#0d2707}.cart-item .quantity{color:#323754;display:flex;flex-direction:row;font-size:1rem;margin-left:15px}.cart .total{color:#323754;font-size:1.4rem;margin:20px 0;text-align:right}.cart .checkout-button{background-color:#6cc24a;border:none;border-radius:20px;color:#fff;cursor:pointer;float:left;font-size:1.2rem;padding:10px 15px;transition:background-color .3s ease-in-out}.cart .checkout-button:hover{background-color:#449e30}.checkout-message{color:#6cc24a;font-size:1.4rem;margin-top:30px;text-align:center}.empty-cart,.no-results{color:#777;font-size:1.4rem;margin-top:20px;text-align:center}@media screen and (max-width:768px){.App-main{align-items:center;flex-direction:column}.product-list{margin-bottom:5px;width:100%}.product{width:50%}.cart{margin-top:30px;min-width:0;min-width:auto}}.add-to-cart-button{background-color:#6cc24a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px;transition:background-color .3s ease-in-out}.add-to-cart-button:hover{background-color:#449e30}.item-info{display:flex;flex-direction:row}.item-details{margin-top:4%}.item-actions .quantity p{margin:10%}.product-list{border-bottom:2px solid green;padding-bottom:5%}.checkout-section{float:right;margin:0}.checkout-section .checkout-button{background-color:#323754}.checkout-section .checkout-button:hover{background-color:#4c5cb6}
/*# sourceMappingURL=main.e8535927.css.map*/