#imgCart{
    margin-left:80%;
}
#imgEmptyCart{
    filter:grayscale(1);
    
}


#cartContainer{
    display:flex;
    
    gap:30px;
    margin-left:10%;
}
#cart{
    display:flex;
    flex-direction: column;
}

.card{
    display:flex;
    flex-direction: column;
    
    width:800px;
    height:200px;
    background-image: url("../images/texture2.png");

    background-size: cover;
   
    margin:auto;
    margin-top:40px;
    padding:30px;
    transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    transform-origin: center; 
}

.cardTop,.cardBottom{
    width:100%;
    display:flex;
    justify-content: space-around;

}

.cardTop{
    height:70%;
}

.itemName{
    font-weight: bold;
    font-size: 25px;
    color: #32200c;
}

.itemPrice{
    font-weight: bold;
    font-size: 35px;
    color: #32200c;
}
.cardBottom{
    align-items: center;
}
.quantityContainer{
    width:33%;
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.bin img{
    width:100%;
    height:100%;
}
.itemImage,.bin{
    height: 50px;
    width: 50px;
    cursor:pointer;
}

.btnQuantity{
    width: 40px;
    height: 40px;
    background-color: #32200c;
    color:white;
    cursor:pointer;
    text-align: center;
    padding:10px;
}

.btnQuantity:hover{
    background-color: white;
    color:black;
}

.divQuantity,.stock{
    color:#32200c;
    font-size: 25px;
    font-weight: bold;
}

.btnCart{
    background-color: green;
    color:white;
    width:300px;
    height: 50px;
    padding:10px;
    text-align: center;
    outline:none;
    font-size: 25px;
    margin-left:100%;
}
.btnCart:hover{
    background-color: rgb(5, 45, 5);
}

.cartLink{
    text-decoration: none;
    
}


#checkOut{
    padding:30px;
    background-image: url("../images/texture2.png");
    width:500px;
    height:250px;
    margin-top:35px;
    
}

#total,#numItems{
    font-size: 30px;
    color:#32200c;
    font-weight: bold;
}


 #btnCheckout{
    background-color: green;
    color:white;
    outline:none;
    border:none;
    height: 50px;
    width: 200px;
    font-size: 25px;
    cursor:pointer;
    margin-left:25%;
    margin-top:15%;
    padding: 10px;
}

#checkoutLink{
    text-decoration: none;
    text-align: center;
}

#btnCheckout:hover{
    background-color: rgb(5, 45, 5);
}