.story-part{
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  background: var(--bg-color);
  height: 130px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 1rem;
  margin-right: 6px;
  border-radius: 10px;
  color: var(--hover);
}

.story-container{
  margin-right: 25px;
  grid-auto-columns: 4rem;
  grid-auto-flow: column;
}

.image-part-story img{
  border-radius: 50%;
  cursor: pointer;
  border: 4px solid rgb(88, 26, 26);
}

.story-container:hover{
  transform: translateY(-6px);
}

.user-story{
  border: 3px solid black;
}

.text-story p a{
  text-decoration: none;
  color: var(--hover);
}

.text-story2{
  display: flex;
}

.text-story2 p{
   margin-left: 15px;
}

.text-story3 p{
  margin-left: 10px;
}

.text-story4 p{
  margin-left: 10px;
}

.text-story5 p{
  margin-left: 15px;
}

.text-story6 p{
  margin-left: 17px;
}

.text-story7 p{
  margin-left: 17px;
}