#row {
  flex-direction : row;
  justify-content: space-between;
}

#column-wrap{
  flex-flow: column wrap;
}

#column{
  flex-flow: column; 
}

.container {
  display: flex;
  margin-bottom: 2vh;
  background-color: lightblue;
  height: 50vh;
  border: solid 2px;
}

.box {
  width: 15vh;
  height: 15vh;
  background-color: #0563F0;
  color: #FFF;
  border: 0.3vh solid black;
  margin: 5px;
}

#gold{
  background-color: gold;
  color: black;
}

#silver{
  background-color: silver;
  color: black;
}

#bronze{
  background-color: brown;
  color: black;
}

#column-wrap div{
  background: radial-gradient(yellow, black);
  color: white;
}

#column div{
  background-color: navy;
}

/*
#team1{
  background-color: black;
  color: orange;
}

#team2{
  background-color: blue;
  color: yellow;
}

#team3{
  background-color: navy;
  color: white;
}

#team4{
  background-color: blue;
  color: white;
}

#team5{
  background-color: red;
  color: white;
}*/