.container{
display: flex;
flex-direction: column;
background-color: rgb(230, 177, 177);
}

.lin1{
    width: 100%;
    height: 20%;
    display: flex;
}
.lin2{
    width: 100%;
    height: 60%;
    display: flex;
}
.lin3{
    width: 100%;
    height: 20%;
    display: flex;
}

.a{
    background-color: blue;
    flex-grow: 1;
    text-align: center;
    height: 100%;
}

.b{
    background-color: yellowgreen;
    flex-grow: 1;
    text-align: center;
    display: flex;
}
.c{
    background-color: aqua;
    flex-grow: 1;
    text-align: center;
    height: auto;
}
.d{
    background-color: burlywood;
    flex-grow: 1;
    text-align: center;
    height: auto;
}
.e{
    background-color: wheat;
    flex-grow: 1;
    text-align: center;
    height: auto;
}

.f{
    background-color: teal;
    flex-grow: 1;
    text-align: center;
    height: 100%;
}
.g{
    background-color: slateblue;
    flex-grow: 1;
    text-align: center;
    height: 100%;
}

.col1{
    width: 20%;
    background-color: lightgoldenrodyellow;
}
.col2{
    width: 80%;
    background-color: rgb(151, 151, 65);
}
.line1{
    display: flex;
    flex-grow: 1 1 1;
    justify-content: space-around;
}
.line2{
    display: flex;
    flex-grow: 1 1 1;
    justify-content: space-around;
}