#short_main
{
  width: 100%;
  padding-top: 0px;
}


#shorts_reels {
  position: relative; /* Add this line */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; 
}


#shorts_info
{
  position: absolute;
  color: #fff;
  text-align: left;
  bottom: 00px;
  z-index: 9999;
}

.shorts_video
{
  height: 100%;
  width: 20%;
  aspect-ratio: 9/16 !important;
}

@keyframes next_reel_change_effect1
{
  0%, 100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-100px);
  }
}

.button_down {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.button_up {
  position: absolute;
  right: 10px;
  top: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.button_down img{
  height: 30px;
  width: 30px;
}

.button_up img{
  height: 30px;
  width: 30px;
}

.shorts-content{
  padding: 10px !important;
  margin: 0px !important;
}