body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#8bbccc;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{flex-direction:column}.App,.navbar{align-items:center;display:flex}.navbar{align-self:stretch;background:#06283d;color:#fff;font-size:1.3rem;justify-content:space-between;padding:.7rem 3rem}@media only screen and (max-width:600px){.navbar{padding:.5rem 1rem}}.navbar .nav-logo{font-weight:800}@media only screen and (max-width:350px){.navbar .nav-logo{font-size:1rem}}.cart-icon-container{align-items:center;background:#256d85;border-radius:1rem;cursor:pointer;display:flex;justify-content:center;padding:1rem}@media only screen and (max-width:500px){.cart-icon-container{padding:.5rem}}.cart-icon-container span{align-items:center;background:#06283d;border-radius:100%;display:inline-flex;font-size:.9rem;font-weight:700;height:1.5rem;justify-content:center;margin-left:1rem;width:1.5rem}.cart-icon-container.bump{-webkit-animation:bump .3s ease-in;animation:bump .3s ease-in}@media only screen and (max-width:500px){.cart-icon{height:1rem;width:1rem}}@-webkit-keyframes bump{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bump{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.main-page{margin:3rem;text-align:center}@media only screen and (max-width:900px){.main-page{margin-left:1rem;margin-right:1rem}}.main-page .products-container{grid-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:1200px){.main-page .products-container{grid-row-gap:1.3rem;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:700px){.main-page .products-container{grid-row-gap:1.3rem;grid-template-columns:1fr}}.product-item{background:#eaeaea;border-radius:1rem;box-shadow:0 3px 8px rgba(0,0,0,.24);padding:1rem 2rem}.product-item h3{color:#425f57}.product-item p{color:#556252}.product-item span{color:#4f4f4f;font-size:.9rem;font-weight:700;margin-right:3rem}.product-item .form-content{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:350px){.product-item .form-content{flex-direction:column;text-align:center}.product-item .form-content span{margin-bottom:.5rem;margin-left:auto;margin-right:auto}}.product-item .form-content .form-error{color:#ff5252;display:block;font-size:.95rem;font-weight:500;margin-top:.2rem}.product-form input{border:0;padding:.3rem;width:2rem}.product-form input:focus{outline:0}.product-form button{background:#4c8139;border:#4c8139;border-radius:.2rem;color:#fff;cursor:pointer;padding:.4rem}.backdrop{align-items:center;background:rgba(0,0,0,.5);height:100vh;justify-content:flex-start;left:0;padding:5rem 0;position:fixed;top:0;width:100vw;z-index:2}.backdrop,.cart{display:flex;flex-direction:column}.cart{-webkit-animation:moveFromUp .4s ease-in;animation:moveFromUp .4s ease-in;background:#eaeaea;border:2px solid gray;border-radius:.5rem;color:#504f4f;max-height:30rem;overflow-y:auto;padding:1.5rem 2rem;position:relative;text-align:center;width:60%}@media only screen and (max-width:900px){.cart{padding:1.7rem .4rem;width:85%}}.cart-close-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:2rem;justify-content:center;position:absolute;right:.3rem;top:.3rem}@media only screen and (max-width:900px){.cart-close-btn{font-size:1.5rem}}.cart-close-btn:hover{color:green}.cart-total{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:600px){.cart-total-heading{font-size:.95rem}}.cart-total span{font-size:1.2rem;font-weight:700}@media only screen and (max-width:600px){.cart-total span{font-size:.95rem}}.cart-actions{align-self:flex-end}.cart-end-btn{background:#eaeaea;border:3px solid #256d85;border-radius:.3rem;color:#256d85;cursor:pointer;font-size:1.2rem;font-weight:700;margin-right:1rem;padding:.3rem .5rem}@media only screen and (max-width:600px){.cart-end-btn{font-size:.95rem;margin-right:.5rem}}.cart-end-btn:hover,.cart-order-btn{background:#256d85;color:#fff}.cart-order-btn{border:3px solid #256d85;border-radius:.3rem;cursor:pointer;font-size:1.2rem;font-weight:700;margin-right:1rem;padding:.3rem .5rem}@media only screen and (max-width:600px){.cart-order-btn{font-size:.95rem;margin-right:.5rem}}.cart-order-btn:hover{background:#eaeaea;color:#256d85}.order-heading{color:#408840}@-webkit-keyframes moveFromUp{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}70%{opacity:.6;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveFromUp{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}70%{opacity:.6;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.cart-item{align-items:center;background:#fff;border-radius:.5rem;display:flex;justify-content:space-between;margin:.5rem 0;padding:.5rem 1rem}.cart-item h3{text-align:left;width:10rem}@media only screen and (max-width:600px){.cart-item h3{font-size:1rem;width:6rem}}.cart-item span{font-weight:700}@media only screen and (max-width:600px){.cart-item span{font-size:.85rem}}.cart-item button{border:0;border-radius:.3rem;color:#fff;cursor:pointer;font-weight:700;padding:.3rem}@media only screen and (max-width:600px){.cart-item button{align-self:stretch}}.cart-item-add-btn{background:#2f982f;margin-left:.3rem}.cart-item-remove-btn{background-color:#d44949;margin-right:.3rem}@media only screen and (max-width:600px){.cart-item-actions{align-items:center;display:flex;flex-direction:column;justify-content:center}}.error-container{background-color:#eaeaea;border:3px solid #e96060;border-radius:.5rem;color:#6b6868;padding:.4rem;text-align:center;width:60%}.error-container p{color:#e96060}.loader-container{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3}.spinner{display:inline-block;height:80px;width:80px}.spinner:after{-webkit-animation:spinner 1.2s linear infinite;animation:spinner 1.2s linear infinite;border-color:teal transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.29507ae7.css.map*/