#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: gold;
  height: 50vh;
  border: solid 2px;
}

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

#red{
  background-color: darkred;
  color: red;
}

#green{
  background-color: darkgreen;
  color: springgreen;
}

#blue{
  background-color: midnightblue;
  color: aqua;
}


  
#column-wrap div{
  background-color: darkorchid;
  color: pink;
}

#column div{
  background-color: darkgreen;
}

/*
#1{
  background-color: darkred;
  color: red;
}

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

#3{
  background-color: blue;
  color: green;
}

#4{
  background-color: blue;
  color: green;
}

#5{
  background-color: red;
  color: green;
}*/