html{font-size:62.5%;box-sizing:border-box;background-color:#f7f7f7;color:#3f3f44}body{font-family:"Freckle Face",cursive;font-size:2rem;height:100vh;margin:0}#root{height:100%}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:5rem 1fr 5rem;height:100%}.main{grid-area:main}a{text-decoration:none}a:hover{color:#cceabb}.products{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.products li{flex:0 1 28rem;margin:3rem;height:45rem;padding:0;border-bottom:.1rem solid #000;list-style-type:none}.product{display:flex;flex-direction:column;justify-content:space-between}.product-img{border:1px solid #000;max-height:30rem;max-width:25rem;margin-bottom:1rem}.product-name{font-size:2rem}.price{font-size:2.5rem;color:#fdcb9e}.brand-button{font-size:3rem;padding:1rem;background:none;border:none;color:#fff;cursor:pointer}.sidebar{position:fixed;transition:all,1se;transform:translateX(-29rem);width:20rem;background-color:#fdcb9e;height:100%;padding:2rem}.sidebar-list li{list-style-type:none}.sidebar.open{transform:translateX(0)}.sidebar-close-btn{position:fixed;cursor:pointer;right:1rem;top:1rem}.button.primary{background-color:#fdcb9e}.text-center{text-align:center}.checkout-steps{display:flex;justify-content:space-between;width:40rem;margin:3rem auto 1rem}.checkout-steps>div{border-top:.3rem solid silver;color:silver;flex:1 1;padding-top:1rem}.checkout-steps>div.active{border-top:.3rem solid #f08000;color:#f08000}.order-box{display:flex;justify-content:center;align-items:center;padding-top:17rem}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{grid-area:header;background-color:#cceabb;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.brand{width:35rem;font-size:28px}.brand a{color:#fff}.header-links a{padding:1rem;color:#fff}a:hover{color:#fdcb9e}.footer{grid-area:footer;display:flex;justify-content:center;align-items:center;background-color:#cceabb;color:#fff}.details{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:1rem}.details-img{flex:2 1 60rem}.details-img img{max-width:50rem;border:1px solid #000;widows:100%}.details-action,.details-info{flex:1 1 30rem}.detail-info ul,.details-action ul{list-style-type:none;padding:5rem}.detail-info li,.details-action li{margin-bottom:1rem}.back-to-link{padding:1rem}.details-action{border:.1rem solid #000;border-radius:.5rem;background-color:#d3d3d3;padding:1rem;margin-right:1rem}.details-action ul li:last-child{display:flex;flex-direction:column}.button{padding:1rem;background-color:#fdcb9e;border:.1rem solid #000;border-radius:.5rem;cursor:pointer}.button.secondary{background-color:#3f3f44;color:#fff}.button:hover{border:.1rem #f7f7f7}.cart{display:flex;flex-wrap:wrap;align-items:flex-start;margin:3rem 1rem 1rem}.cart-list{flex:3 1 60rem}.cart-action{flex:1 1 20rem;background-color:#f8f8f8;border:.1rem solid grey;border-radius:.5rem;padding:1rem;margin-top:2rem}.list-container{list-style-type:none;padding:1rem}.list-container li :first-child{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;border-bottom:1px solid grey}.list-container li img{max-width:10rem;max-height:10rem}.cart-image{flex:1 1;width:50%;max-width:760px}.cart-image img{width:100%;border:1px solid #000}.cart-name{flex:8 1}.cart-price{flex:1 1;font-size:2rem;text-align:right}button{font-size:1.6rem}.form{display:flex;justify-content:center;align-items:center;height:100%;margin-top:3rem}.form-container{display:flex;flex-direction:column;width:32rem;padding:2rem;border:.1rem solid silver;border-radius:.5rem;list-style-type:none}.form-container li{display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem}input{padding:1rem;border:.1rem solid silver;border-radius:.5rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:5rem}.content-margined{margin:1rem}.table{width:100%}th{text-align:left}tbody>tr:nth-child(odd){background-color:#f0f0f0}
/*# sourceMappingURL=main.1e336ed1.chunk.css.map */