@import url(https://fonts.googleapis.com/css?family=Coming+Soon);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}.container{position:relative}.card-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);justify-content:center;margin:20px auto;width:800px}.card{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;min-height:330px;overflow:hidden;padding:10px;width:200px}.card img{border-radius:8px;height:200px;object-fit:cover;width:100%}p,span{color:#000;font-weight:700}.card_info{align-items:center;display:flex;justify-content:space-between;margin-top:15px;width:100%}.trash{cursor:pointer;font-size:29px;position:relative;position:absolute;right:228px;top:10px}.count-trash{color:red;font-size:24px;position:absolute;right:220px;top:4px}.addBTN{background-color:#a89f9f;border:none;border-radius:5px;cursor:pointer;height:30px;outline:none;width:50px}.addBTN:hover{color:#fff}@media(max-width:576px){.card-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);justify-content:center;margin:20px auto;width:400px}.trash{right:115px;top:10px}.count-trash{color:red;font-size:20px;right:110px;top:4px}}.side-bar{background-color:#043f79;border:1px solid #fff;border-radius:10px;box-shadow:2px 0 5px #00000080;height:100%;position:relative;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;width:350px}h2{margin-top:5px;text-align:center}.reset{align-items:center;background-color:#ff4500;border:none;border-radius:10px;bottom:3px;cursor:pointer;font-family:Coming Soon,cursive;font-size:18px;font-weight:700;height:40px;margin-left:40px;outline:none;padding:15px;position:absolute;width:80%}.reset:hover{color:#fff}.card-items{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:15px}.card-item{background-color:#1b5690;border:none;border-radius:5px;margin:10px 5px 10px 3px;width:95%}.card-item img{border-radius:8px;height:50px;width:50px}.card-item-info{align-items:center;display:flex;justify-content:space-between}.counter{display:flex;flex-direction:row;justify-content:space-around;width:60px}*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0}body{background:#002851;color:#fefeff;font-family:Coming Soon,cursive}
/*# sourceMappingURL=main.4a7d7de9.css.map*/