body{
    width: 93%;
}
#display{
display: flex;
}
#image-width{
width: 110%;
height: 800px;
}
#skin-potential{
width: 50%;
background-color: rgb(221, 221, 221);
}
#skin-potential>h1{
padding: 15%;
font-size: 50px;
}
#skin-potential>p {
padding: 15%;
margin-top: -180px;
font-size: 30px;
width: 70%;
letter-spacing: 2px;
}
#skin-potential>button{
margin-left: 20%;
width: 50%;
height: 50px;
margin-top: 5%;
background-color: white;
font-size: larger;

}
#img-size{
width: 100%;
height: 230px;

}
#image-display{
display: flex;
gap: 5%;
width: 100%;
}
#img-div{
/* border: 1px solid black; */
background-color: white;
border-radius: 10px;
}
#find_your_skin{
text-align: center;
font-size: 60px;
font-weight: lighter;

}
#img-div>h3{
color: gray;
text-align: center;
}
#bg-col{
width: 106%;
background-color: rgb(231, 231, 231);
padding: 10px;

}
.container {
position: relative;
width: 18%;
}

.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}


.container:hover .middle {
opacity: 1;
}

.text {
width: 71%;
height: 235px;
margin-bottom: 80px;
margin-right: 223px;
margin-left: 38px;

}
#big-image-size{
width: 100%;
height: 500px;
margin-top: 100px;
}
#big-text-cont{
display: flex;
margin-top: 150px;
margin-left: 15%;
}
#text-cont>p {
width: 50%;
font-size: 20px;
letter-spacing: 2px;
}
#col{
color: black;
font-size: 15px;
letter-spacing: 2px;
width: 100%;
}
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#show_all_product{
    margin-top: 10%;
    margin-left: 35%;
    width: 35%;
    height: 40px;
    font-size: 20px;
    background-color: white;
    border-radius: 5px;
}
#product{
    display: flex;
    overflow-x: scroll;
    /* margin-left: 15%; */
  }
  #product_dis{
    text-align: center;
  }
  #item_div{
    margin-left: 10%;
  }
  #add_to_bag{
    margin-left: 15%;
    width: 70%;
    height: 40px;
    font-size: 20px;
    font-weight: bolder;
    background-color: white;
    border-radius: 5px;
  }
  #header_hr{
      width: 107%;
  }