.user-gallery {
    display: flex;
    flex-direction: column; 
    gap: 15px; 
    width: 100%;
    height: 100%;
    margin-top: 10px;
}
.user-gallery .user-gallery-item {
    display: flex;
    flex-direction: row;
    margin: 4px;
    border: 2px solid;
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 41px;
    align-items: center;
    font-size: 25px;
    font-weight: bold;
}
 
#view-gallery-title{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.user-gallery-item:hover {
  background: #3c3d3f;
  color: #ffffff;
  cursor: pointer;
}
.btn2.left-arrow-user {
  top: 50%;
  left: 0;
  background-image: url("../media/right-arr.png");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;

}

.btn2.right-arrow-user {
  top: 50%;
  right: 0;
  cursor: pointer;
  background-image: url("../media/left-arr.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;

}