.cart {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 400px;
    background-color: #1c1c1c;
    border-radius: 8px;
    transform: translateY(-8px);
    color: #fff;
}

.cart ul {
    list-style: none;
    margin: 0;
    padding: 20px;
    overflow-y: auto;
    height: 359px;
}

.item {
    display: grid;
    padding: 1rem;
    grid-template-columns: 64px 1fr auto;
    grid-column-gap: 1rem;
    border-radius: 12px;
    transition: .2s !important;
}

.item:hover {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.item:hover img {
    transform: rotate(5deg);
}

.item:nth-child(even) {
    background-color: #292929;
}

.item:nth-child(even):hover img {
    transform: rotate(-5deg);
}

.image {
    height: 64px;
    width: 64px;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    transition: .25s ease-out;
}

.name {
    font-size: 11pt;
    width: 80%;
    margin: auto 0;
    line-break: loose;
}

.price {
    text-align: right;
    margin: auto;
}

.quantity {
    font-weight: lighter;
    font-size: 10pt;
}