.submission-menu {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform-origin: bottom center;
    transform: translate(-50%, -60%) scale(2);
    overflow: auto;
}
.submission-menu::-webkit-scrollbar {
    width: 10px; /* Adjust size to match the scaled content */
}

.submission-menu::-webkit-scrollbar-thumb {
    background-color: #888; /* Scrollbar color */
    border-radius: 5px;
}
.Battle .DescriptionBox {
    bottom:0px;
}


@media (max-width: 300px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(0.5); /* No scaling on very small screens */
  }
}

/* For screens between 600px and 799px */
@media (min-width: 301px) and (max-width: 500px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(0.7); /* Slight scaling for smaller screens */
  }
}

/* For screens between 800px and 999px */
@media (min-width: 501px) and (max-width: 700px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(1); /* Slightly larger scale */
  }
}

/* For screens between 1000px and 1060px */
@media (min-width: 701px) and (max-width: 900px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(1.2); /* Larger scale for medium-sized screens */
  }
}

/* Ideal scale for 1061px */
@media (min-width: 901px) and (max-width: 1200px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(1.5); /* Perfect scale for 1061px */
  }
}

/* For larger screens above 1200px */
@media (min-width: 1201px) {
  .submission-menu {
    transform: translate(-50%, -60%) scale(2.2); /* Scale up for large screens */
  }
}