body{
    background-color: rgb(236, 255, 237);
}
div {
    display: block;
}
h1{
    text-align: center;
    font-size: 26px;
}
.blue{
    width: 21%;
    height: 61px;
    background-color: blue;
    margin: 0% 20%;
}
.red{
    width: 21%;
    height: 61px;
    background-color: rgb(255, 0, 0);
    margin: 0% 20%;
}
.green{
    width: 21%;
    height: 61px;
    background-color: rgb(20, 243, 0);
    margin: 0% 20%;
}
.block3{
    width: 21%;
    height: 61px;
    margin: 0% 20%;
}
.blue1{
    width: 33.3%;
    height: 61px;
    background-color: blue;
    float: left;
}
.red1{
    width: 33.3%;
    height: 61px;
    background-color: rgb(255, 0, 0);
    float: left;
}
.green1{
    width: 33.4%;
    height: 61px;
    background-color: rgb(20, 243, 0);
    float: left;
}
.block2{
    margin: 20px 0px;
}
.yellow{
    width: 21%;
    height: 61px;
    background-color: rgb(242, 247, 0);
    margin: 0% 20%;
}
.block4{
    width: 21%;
    height: 61px;
    margin: 0% 20%;
}
.gray{
    width: 50%;
    height: 61px;
    background-color: rgb(105, 105, 105);
    float: left;
}
.black{
    width: 50%;
    height: 61px;
    background-color: rgb(0, 0, 0);
    float: left;
}
.block5{
    width: 28%;
    height: 150px;
    margin: 0% 20%;
    background-color: rgb(53, 163, 49);
}
.blue2{
    width: 22%;
    height: 110px;
    background-color: blue;
    float: left;
    margin: 2.6666%;
    padding: 3%;
}
.red2{
    width: 22%;
    height: 110px;
    background-color: rgb(255, 0, 0);
    float: left;
    margin: 2.6666%;
    padding: 3%;
}
.green2{
    width: 22%;
    height: 110px;
    background-color: rgb(21, 247, 0);
    float: left;
    margin: 2.6666%;
    padding: 3%;
}