:root{--clr-primary:#645cff;--clr-primary-dark:#282566;--clr-primary-light:#a29dff;--clr-grey-1:#102a42;--clr-grey-5:#617d98;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--transition:all 0.3s linear;--spacing:0.25rem;--radius:0.25rem;--large-screen-width:1170px;--small-screen-width:90vw;--fixed-width:50rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f8;background:var(--clr-grey-10);color:#102a42;color:var(--clr-grey-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}a{text-decoration:none}img{display:block;width:100%}h1,h2,h3,h4{letter-spacing:.25rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{background:#645cff;background:var(--clr-primary);border:none;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;color:var(--clr-white);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.25rem;letter-spacing:var(--spacing);padding:.375rem .75rem;text-transform:uppercase;transition:all .3s linear;transition:var(--transition)}.btn:hover{background:#a29dff;background:var(--clr-primary-light);color:#645cff;color:var(--clr-primary)}.loading{margin-top:5rem;text-align:center}nav{background:#645cff;background:var(--clr-primary);padding:1.25rem 2rem}.nav-center{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:50rem;max-width:var(--fixed-width);width:100%}nav h3{color:#fff;color:var(--clr-white);letter-spacing:1px;margin-bottom:0}.nav-container{display:block;position:relative}nav svg{color:#fff;color:var(--clr-white);width:40px}.amount-container{align-items:center;background:#a29dff;background:var(--clr-primary-light);border-radius:50%;display:flex;height:1.75rem;justify-content:center;position:absolute;right:-.6rem;top:-.6rem;width:1.75rem}.total-amount{color:#fff;color:var(--clr-white);font-size:1.25rem;margin-bottom:0}.cart{margin:40px auto 0;max-width:50rem;max-width:var(--fixed-width);min-height:calc(100vh - 120px);padding:2.5rem 0;width:90vw}.cart h2{margin-bottom:3rem;text-align:center;text-transform:uppercase}.empty-cart{color:#617d98;color:var(--clr-grey-5);margin-top:1rem;text-align:center;text-transform:lowercase}.cart footer{margin-top:4rem;text-align:center}.cart-total h4{display:flex;justify-content:space-between;margin-top:1rem;text-transform:capitalize}.clear-btn,.confirm-btn{background:transparent;border:1px solid #bb2525;border:1px solid var(--clr-red-dark);border-radius:.25rem;border-radius:var(--radius);color:#bb2525;color:var(--clr-red-dark);margin-top:2.25rem;padding:.5rem 1rem}.clear-btn:hover{background:#e66b6b;background:var(--clr-red-light);border-color:#e66b6b;border-color:var(--clr-red-light);color:#bb2525;color:var(--clr-red-dark)}.confirm-btn{border-color:#645cff;border-color:var(--clr-primary);color:#645cff;color:var(--clr-primary)}.cart-item{grid-column-gap:1.5rem;align-items:center;display:grid;grid-template-columns:auto 1fr auto;margin:1.5rem 0}.cart-item img{height:5rem;object-fit:cover;width:5rem}.cart-item h4{font-weight:500;letter-spacing:2px;margin-bottom:.5rem}.item-price{color:#617d98;color:var(--clr-grey-5)}.remove-btn{background:transparent;border:none;color:#645cff;color:var(--clr-primary);cursor:pointer;font-size:.85rem;letter-spacing:.25rem;letter-spacing:var(--spacing);margin-top:.375rem;transition:all .3s linear;transition:var(--transition)}.remove-btn:hover{color:#a29dff;color:var(--clr-primary-light)}.amount-btn{background:transparent;border:none;cursor:pointer;width:24px}.amount-btn svg{color:#645cff;color:var(--clr-primary)}.amount-btn:hover svg{color:#a29dff;color:var(--clr-primary-light)}.amount{font-size:1.25rem;line-height:1;margin-bottom:0;text-align:center}hr{background:#617d98;background:var(--clr-grey-5);border-color:transparent;border-width:.25px}.modal-container{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background:#fff;background:var(--clr-white);border-radius:.25rem;border-radius:var(--radius);max-width:400px;padding:2rem 1rem;text-align:center;width:80vw}.modal h4{line-height:1.5;margin-bottom:0}.modal .clear-btn,.modal .confirm-btn{margin-top:1rem}.btn-container{display:flex;justify-content:space-around}
/*# sourceMappingURL=main.a1407077.css.map*/