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


#row {
  flex-direction : row;
}
.box {
  width: 20vh;
  height: 15vh;
  background-color: #0563F0;
  color: #FFF;
  border: 0.3vh solid black;
  margin: 5px;
  background-image: url('https://i.pinimg.com/originals/d7/34/49/d73449313ecedb997822efecd1ee3eac.gif');
   background-size: cover;
  background-repeat: no-repeat;
}

.FlexContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 65%;
    background-color: #2f1d58;
    height: 80vh;
    overflow: auto;
    flex-direction: column;
}

.FlexContainer div {
    width: 100px;
    height: 100px;
    margin: 8px;
    background-color: lightblue;
}

.FlexContainer2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: flex-start;
    width: 65%;
    background-color: lightgray;
    height: 80vh;
    overflow: auto;
    flex-direction: row;
}

.FlexContainer2 div {
    width: 200px;
    height: 200px;
    margin: 8px;
    background-color: lightcyan;
  border: 2px solid black;
    border-radius: 50%
}

.FlexContainer3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 65%;
    background-color: #2f1d58;
    height: 80vh;
    overflow: auto;
    flex-direction: row-reverse;
}

.FlexContainer3 div {
    width: 100px;
    height: 100px;
    margin: 10px;
    background-color: lightblue;
  background-image: url('https://c.tenor.com/u9XnPveDa9AAAAAM/rick-rickroll.gif');
  background-size: cover;
  background-repeat: no-repeat;
       
}
#row {
  flex-direction : row;
  justify-content: space-between;
}

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

#column{
  flex-flow: column; 
}

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

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

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

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

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








