body {
    background-image: url(../assets/cartbg.png);
}
.cart {
    border: solid white 2px;
    grid-row: 4 / span 3;
    grid-column: 2 / span 4;
}

.hands {
    grid-row: 3 / span 5;
    grid-column: 1;
}

.thankyouforshopping {
    grid-row: 2 / span 1;
    grid-column: 3 / span 4;
}

.aboutbutton {
    grid-row: 1 / span 1;
    grid-column: 6 / span 1;
}

.contactbutton {
    grid-row: 1 / span 1;
    grid-column: 7 / span 1;
}

.keepshopping {
    grid-row: 1 / span 1;
    grid-column: 1 / span 2;
}

.returnhome {
    grid-row: 1 / span 1;
    grid-column: 4 / span 2;
}

.keepshopping:hover, .aboutbutton:hover, .contactbutton:hover {
    transform: translateY(-5px);
}

.returnhome:hover {
    transform: scaleX(1.2);
}

.subtotalsection {
    border: solid white 2px;
    grid-row: 3 / span 4;
    grid-column: 7 / span 2;
}






.cart {
    padding: 10px;
    color: white;
    overflow-y: auto;
}

.cart-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
}

.remove-from-cart {
    background-color: #8B0000;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.subtotalsection {
    padding: 20px;
    color: white;
}

.subtotalsection p {
    margin-bottom: 10px;
}