header { 
    background-color: pink;
    color: #fefeed;
    text-align: center;
    padding: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

body {
    background-color: rgb(255, 244, 246);
}


.header-image {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.cupcake-image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    display: block;
    margin: 0 auto;

}


.strawberry-image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    display: block;
    margin: 0 auto;

}

.spookypusheen-image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    display: block;
    margin: 0 auto;

}

.spookyrilakkuma-image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    display: block;
    margin: 0 auto;

}

.newsletter {
    background-color: lightpink;
    padding: 10px;
    color: white;
    text-align: left;
}

.newsletter h2 {
    font-size: 30px;
}


.newsletter-info {
    display: flex;
    gap: 40px;
}

.product-purchase {
    display: flex;
    align-items:center;
    justify-content: center;
    padding: 30px;
    gap: 100px;
}


.price {
    font-size: 40px;
    margin: 0;
    color: black;
}

.cart-button {
    background-color: bisque;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 25px 50px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.product-purchase2 {
    display: flex;
    align-items:center;
    justify-content: center;
    padding: 30px;
    gap: 100px;
}

.product-purchase3 {
    display: flex;
    align-items:center;
    justify-content: center;
    padding: 30px;
    gap: 100px;
}

.product-purchase4 {
    display: flex;
    align-items:center;
    justify-content: center;
    padding: 30px;
    gap: 100px;
}