body{
    background: #fdf0d5;
}

.container{
    width: 80%;
    margin: 0 auto;
}

.flexBox{
    font-size: 50px;
    font-weight: 600;
    color: #fefee3;
    text-align: center;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 5px;
}



.flexBox div:nth-child(1){
    background-color: #0466c8;
}
.flexBox div:nth-child(2){
    background-color: #7209b7;
}
.flexBox div:nth-child(3){
    background-color: #4cc9f0;
}
.flexBox div:nth-child(4){
    background-color: #132a13;
}
.flexBox div:nth-child(5){
    background-color: #4361ee;
}
.flexBox div:nth-child(6){
    background-color: #143601;
}
.flexBox div:nth-child(7){
    background-color: #8c1c13;
}
.flexBox div:nth-child(8){
    background-color: #242423;
}
.flexBox div:nth-child(9){
    background-color: #6e4a35;
}
.flexBox div:nth-child(10){
    background-color: #1b998b;
}
.flexBox div:nth-child(11){
    background-color: #0353a4;
}
.flexBox div:nth-child(12){
    background-color: #f58549;
}