body{
  font-family: sans-serif;
  background-color: #333;
  color: white;
}

#players{
  display: flex;
  flex-direction: column;
  width: max-content;
  margin-top: 10px;
}

.line{
  display: flex;
  margin-top: 10px;
}

.uberschrift{
  background-color: #555;
  width: 315px;
  margin-right: 5px;
  text-align: center;
  height: 23px;
  padding-top: 7px;
}
.round{
display: flex;
align-items: center;
}

.round-double{
display: flex;
align-items: center;
}

.name{
  width: 150px;
  height: 20px;
  padding-left: 5px;
}

.player{
  border: 1px solid white;
  display: flex;
  width: 232px;
  height: 30px;
  align-items: center;
}

.match-num{
  width: 30px;
    text-align: center;
}

#winner_bracket{
  display: flex;
}

#looser_bracket{
  display: flex;
}

.round-column{
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 320px;
}