
body{
    color: rgb(55, 55, 97);
}
.row{
    display: flex;
    margin: 10px 0px;
}
.row h1 , .total{
    margin-left: 30px;
    font-size: 15px;
    font-weight: 800;
}
section{
    display: inline-block;
}
#cart{
    background-color: rgb(247, 244, 244);
    width: 40%;
    margin:50px ;
    box-shadow: 5px 5px rgba(221, 96, 163, 0.5);
    border-radius: 20px;
    padding: 30px;
}
.shopping{
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;

}
#cart img:first-child{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color:rgb(179, 176, 176);
    border: 1px solid  rgb(55, 55, 97);
}
.spec{
    display: flex;
    text-align: right;
    padding: 20px;


}
.information{
    width: 150px;
    max-width: 150px;
    margin-left: 20px;
    padding-top: 20px;
  
   
}
.spec:hover{
    background-color:  rgb(202, 195, 195);

}
.information h2{
    padding-top: 20px;
}
.information button{
    padding: 10px;
    font-size: 40px;
    border: none;
    background-color:inherit;
    float: right;
    color: rgb(55, 55, 97);
    position: relative;
    
}
.information button:hover{
    color:rgb(221, 96, 163);
}
.sticker{
 width: 40px !important;
height: 40px !important;
position: relative;
top: 28px;
right: 75px;
}

.sticker-text{
    position: relative;
    top: 36px;
    right: 63px;
}
.total{
    text-align: right;
    font-size: 20px;
    padding: 20px;
    padding-right: 85px;
    color: rgb(221, 96, 163);
    text-shadow: 0.5px .5px rgb(55, 55, 97);
}


.map{
    padding: 30px;
    margin: 50px;
}
.price{
    color: rgb(221, 96, 163);
  
}
.spec:last-child{
    border-bottom: 1px solid rgb(55, 55, 97);
}
