#container {
    background-color: rgba(191, 191, 191, 0); 
    margin: 0 auto;
    width: 600px;
    height: 600px;
          }


.rectangle {
    width: 100px;
    height: 20px;
    display: block;
        
}

#bottom {
    background-color: rgb(123, 126, 228);
    margin-left: 100px;
    margin-top: -20px;
 }

#top {
    background-color: rgb(123, 126, 228);
    margin-left: 400px;
    margin-top: -600px;
}

.column {
    width: 20px;
    height: 100px;
    display: block;
} 

#left {
    background-color: rgb(252, 227, 172);
    margin-top: 80px;
}

#right {
    background-color: rgb(252, 227, 172);
    margin-top: 210px;
    margin-left: 580px;
}


.square {
    width: 300px;
    height: 300px;
    display: block;
    }

#topleft {
    background-color: rgb(123, 126, 228);

}

#topright {
    background-color: rgb(252, 227, 172);
    margin-left: 300px;
    margin-top: -300px;
}


#bottomleft {
    background-color: rgb(252, 227, 172);

}

#bottomright {
    background-color: rgb(123, 126, 228);
    margin-left: 300px;
    margin-top: -300px
}


#container2 {
    background-color: rgba(196, 90, 90, 0); 
    margin: 200px auto;
    width: 600px;
    height: 500px;
          }

.biggestbox {
    width: 600px;
    height: 500px;
    background-color: rgb(225, 232, 224);
}

.backgroundleft {
    width: 240px;
    height: 340px;
    background-color: rgb(180, 190, 186);
    margin-left: 0px;
    margin-top: -500px;
}

.bigbox {
    width: 500px;
    height: 420px;
    background-color: rgb(218, 213, 224);
    margin: auto;
    margin-top: -290px;
}

.lightblue {
    width: 160px;
    height: 110px;
    background-color: rgb(175, 205, 215);
    margin-top: -420px;
    margin-left: 200px;
}

.white {
    width: 160px;
    height: 160px;
    background-color: rgb(234, 234, 234);
    margin-top: 0px;
    margin-left: 200px;
}

.smallgrey {
    width: 220px;
    height: 70px;
    background-color: rgb(200, 203, 200);
    margin-top: 0px;
    margin-left: 200px;
}

.blue {
    width: 60px;
    height: 270px;
    background-color: rgb(128, 166, 255);
    margin-top: -340px;
    margin-left: 360px;
}

.biggrey {
    width: 130px;
    height: 340px;
    background-color: rgb(204, 206, 207);
    margin-top: -270px;
    margin-left: 420px;
}

.black {
    width: 65px;
    height: 200px;
    background-color: rgb(0, 0, 0);
    margin-top: -200px;
    margin-left: 420px;
}

.yellow {
    width: 90px;
    height: 50px;
    background-color: rgb(240, 217, 113);
    margin-top: -50px;
    margin-left: 420px;
}

.red {
    width: 50px;
    height: 50px;
    background-color: rgb(221, 69, 69);
    margin-top: -50px;
    margin-left: 500px;
}