* { 
        margin: 0; 
        padding: 0;
    }
    html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  flex: 1; 
}

header {
    background-image: url(img/violet.jpg); width: 100%;;
    background-color: #a3e5ff;
    color: rgb(255, 255, 255);
    text-align: center;
    display: flex;
    justify-content: center; 
    align-items: center; 
    box-shadow: 0px 5px 20px rgb(168, 168, 168);
    background-color:  rgb(25, 6, 77);
}
h2 {
    text-align: center;
    margin-top: 1em;
}
.products { 
    margin: 10px 10px; 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: aliceblue;
    border-radius: 10px;
    box-shadow: 0px 5px 5px rgb(168, 168, 168);
    max-width: 300px;
} 
header {
    text-align: center;
}

img {
    margin-right: 10px;
}
button {
    padding: 5px;
    border-radius: 20px;
    border: 1px solid rgb(194, 194, 194);
    box-shadow: 0px 5px 5px rgb(168, 168, 168);
    margin-bottom: 5px;
}
button:hover {
    background-color: rgb(255, 255, 255);
}
footer {
    box-shadow: 5px -3px 10px  rgb(218, 218, 218);
    display: flex;
    justify-content: center; 
    align-items: center; 
}
#card {
    background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#card:hover {
    transform: scale(1.01);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}
.btnHover {

    color: rgb(42, 14, 117);
    background-color: white;
    border: rgb(42, 14, 117) solid 1px;
}
.btnHover:hover{
    background-color:rgb(42, 14, 117);
    color: white;
}
.btnHover2 {
    background-color:rgb(42, 14, 117);
    color: white;
}
.btnHover2:hover {

    color: rgb(42, 14, 117);
    background-color: white;
    border: rgb(42, 14, 117) solid 1px;
}
.simple {
    color:rgb(42, 14, 117);
}
.simple:hover {
    color:rgb(92, 48, 214);
}
.cart-item img {
     max-width: 100px;
     height: auto;
 }

 .quantity-input {
     width: 50px;
 }

 .cart-summary {
     background-color: #f8f9fa;
     border-radius: 10px;
 }