@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sofia Sans,sans-serif}.products{display:flex;flex-wrap:wrap;position:relative;top:65px}.shopping-card{background-color:#61dafb;display:flex;justify-content:space-between;padding:20px 30px;position:fixed;width:100%;z-index:99}.shopping{cursor:pointer;font-size:20px;font-weight:700}.cart-icon{cursor:pointer;font-size:22px;margin-right:20px;position:relative}sup{background:red;border-radius:20px;bottom:15px;color:#fff;font-size:15px;font-weight:700;padding:0 2px;position:absolute}.product-item{padding:36px}.product-img{width:100%}.product-name{color:#8a2be2;font-weight:700}.cost,.product-details,.product-name{margin-top:20px;text-align:center}.cost{color:red}.btn-add{background-color:#61dafb;border-radius:20px;cursor:pointer;display:block;margin:20px auto 0;padding:12px;width:39%}.cart{position:relative;top:65px}.cart-name{color:#8a2be2;font-size:1rem;font-weight:700;margin-top:12px}.minus,.plus{background:#61dafb;border-radius:11px;margin:12px 10px;padding:5px;width:30px}.cart-img{margin-top:25px}.btn-pay{background-color:#61dafb;border-radius:12px;cursor:pointer;display:block;font-weight:700;margin:20px auto 0;padding:12px;width:20%}.cart-shop{display:block;margin:0 auto;text-align:center}.total{color:red;font-weight:700;margin:10px 0;text-align:center}@media screen and (max-width:820px){.btn-add{width:80%}}@media screen and (max-width:500px){.products{display:block}.btn-add,.cost,.product-details,.product-img,.product-name{width:510%}}@media screen and (max-width:400px){.btn-add,.cost,.product-details,.product-img,.product-name{width:550%}.cart-img{width:80%}.btn-pay{width:50%}}@media screen and (max-width:376px){.btn-add,.cost,.product-details,.product-img,.product-name{width:570%}.cart-img{width:80%}.btn-pay{width:60%}}@media screen and (max-width:360px){.btn-add,.cost,.product-details,.product-img,.product-name{width:606%}}@media screen and (max-width:320px){.btn-add,.cost,.product-details,.product-img,.product-name{width:720%}}@media screen and (max-width:300px){.btn-add,.cost,.product-details,.product-img,.product-name{width:820%}}
/*# sourceMappingURL=main.a9f950fc.css.map*/