.character-selection-screen {
  cursor: auto;
  height: 857px;
  width: 1424px;
  background-image: url("/menu/menu/bg-outer.png");
  background-repeat: no-repeat;
  background-position: inherit;
}

.select-character {
  top: 178px;
  background-color: #bf343470;
  padding: 16px;
}

.start-game-button {
  font-weight: 700;
  width: 164px;
  background: #ffff2fc4;
  padding: 10px;
  border-radius: 10%;
  color: white;
  right: 647px;
  top: 341px;
}
.select-game-mode-button {
  font-weight: 700;
  width: 164px;
  background: #ffff2fc4;
  padding: 10px;
  border-radius: 10%;
  color: white;
  top: 50px;
}
.select-character-title {
  font-size: 2rem;
  color: rgb(207, 207, 48);
}

.mini-container {
  width: 100%;
  height: 100%;
}

.mini-character-image-left {
  border-radius: 36%;
  left: 330px;
  width: 44px;
  top: 240px;
}

.mini-character-cards {
  width: 200px;
  right: 80px;
  top: 75px;
}

.select-enemy-items {
  padding-top: 10%;
}

.select-enemy {
  background-color: #b41eb992;
  top: 350px;
  padding: 15px;
}

.mini-cards-section {
  border-radius: 11%;
  background-size: 766px;
  background-image: url(/menu/menu/selection/minibg.png);
  height: 405px;
  background-repeat: no-repeat;
  background-position: center;
  width: 586px;
  top: 143px;
  left: 421px;
}

.middle-image {
  top: 10%;
  left: 37%;
  width: 378px;
}

.player-name-container {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  top: 180px;
}

.p1-character-container {
  left: 10%;
  top: 200px;
}

.p2-character-container {
  right: 10%;
  top: 200px;
}

.p1-character {
  width: 155px;
  top: 60px;
  left: 1px;
}

.mini-character-text-container {
  top: 80px;
  left: 75px;
}

.mini-character-text {
  line-height: 15px;
  top: 55px;
  width: 187px;
  font-size: 1em;
  text-align: justify;
  line-height: 15px;
  left: -2px;
}

.mini-character-title {
  color: rgb(0 0 0);
  font-weight: 400;
  font-size: 1.9rem;
}
.p2-character {
  width: 155px;
  top: 60px;
  right: -1px;
}

.p1-character-container > .player-name-container {
  border: 8px solid #7cb65e;
  left: 180px;
}

.p2-character-container > .player-name-container {
  border: 8px solid #000;
  right: 180px;
}

.p1-character-name {
  color: #7cb65e;
  font-style: italic;
  font-size: 1.4rem;
}

.p2-character-name {
  color: #000;
  font-style: italic;
  font-size: 1.4rem;
}

@media (max-height: 768px) {
  .select-character{
    top: 25px;
  }
  .p1-character-container {
    left: 27%;   
}
  .p2-character-container {
    right: 27%;   
}
.mini-cards-section{
  top: -750px;
}
.player-name-container{
  visibility: hidden;
}
.start-game-button{
  top: 425px;
}

}