*{
  margin: 0;
  padding: 0;
}

#main {
  margin: 20px;
  border: 2px solid rgb(255, 255, 255);
  height: 380px;
  border-radius: 10px;
  width: max-content;
}

img {
  border-radius: 10px 10px 0px 0px;
}
#h2 {
  background: #000;
  border: 1px solid black;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 120px;
  top: 370px;
  border-radius: 50%;
  font-size: 15px;
  color: white;
}

#h21 {
  background: #000;
  color: white;
  border: 1px solid black;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 170px;
  top: 370px;
  border-radius: 50%;
  font-size: 15px;
}
#h22 {
  color: white;
  background: #000;
  border: 1px solid black;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 220px;
  top: 370px;
  border-radius: 50%;
  font-size: 15px;
}
#h23 {
  color: white;
  background: #000;
  border: 1px solid black;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 270px;
  top: 370px;
  border-radius: 50%;
  font-size: 15px;
}
#btn {
  background: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 100px;
  top: 385px;
}

#btn1 {
  background: #000;
  position: absolute;
  top: 385px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  left: 150px;
  justify-content: center;
  align-items: center;
}
#btn2 {
  background: #000;
  position: absolute;
  top: 385px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  left: 200px;
  justify-content: center;
  align-items: center;
}
#btn3 {
  background: #000;
  position: absolute;
  top: 385px;
  width: 45px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  left: 250px;
  justify-content: center;
  align-items: center;
}
.fa-regular,
.fa-solid {
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

#heart:hover{
  color: rgb(228, 128, 128);
}

#comment:hover{
color: rgb(153, 153, 221);
}
#user:hover{
color: rgb(106, 150, 74);
}
#user{
  font-size: 22px ;
}
#share:hover{
  color: rgb(3, 115, 115);
}