.bod {
   width: 80%;
   margin: 0 auto;
   text-align: center;
}

.contain1 {
   background-color: rgb(0, 4, 4);
   color: white;
   border: 4px solid #5acf0c;
   width: 90%;
   height: 300px;
   margin: 0 auto;
   display: flex;
}

.item {
   background-color: lightskyblue;
   height: 50px;
   flex-basis: 50px;
   text-align: center;
   line-height: 50px;
   font-size: 18px;
   margin: 5px;
}

.item1 {
   background-color: red;
}

.item2 {
   background-color: orange;
}

.item3 {
   background-color: green
}

.item4 {
   background-color: purple;
}

.item5 {
   background-color: yellow;
   color: black;
}

.item6 {
   background-color: red;
   flex-grow: 1;
}

.item7 {
   background-color: orange;
   flex-grow: 1;
}

.item8 {
   background-color: red;
   flex-grow: 2;
}

.item9 {
   background-color: orange;
   flex-grow: 1;
}

.item10 {
   background-color: green;
   flex-grow: 2;
}

.item11 {
   background-color: purple;
   flex-grow: 3;
}

.item12 {
   background-color: yellow;
   color: black;
   flex-grow: 4;
}

.item13 {
   background-color: red;
   flex-grow: 1;
}

.item14 {
   background-color: orange;
   flex-grow: 1;
}

.item15 {
   background-color: green;
   flex-grow: 1;
}

.item16 {
   background-color: purple;
   flex-grow: 1;
}

.item17 {
   background-color: yellow;
   color: black;
   flex-grow: 1;
}