.square, .circle {
  width: 100px;
  height: 100px;
  display: inline;
  float: left;
}

.circle {
  border-radius: 50%;
}

#container {
  width: 400px;
  height: 400px;
  background-color: cadetblue;
  margin: auto;
}

#blockaqua1 {
  background-color: aqua;
}
#blockaqua2 {
  background-color: aqua;
}

#blockaqua3 {
  background-color: aqua;
}

#blockaqua4 {
  background-color: aqua;
}

#blockbeige1 {
  background-color: beige;
}

#blockbeige2 {
  background-color: beige;
}

#blockbeige3 {
  background-color: beige;
}

#blockbeige4 {
  background-color: beige;
}

#blockbeige5 {
  background-color: beige;
}


#blockblack1{
    background-color: black
}

#blockblack2{
    background-color: black
}
#blockblack3{
    background-color: black
}
#blockblack4{
    background-color: black
}
#blockblack5{
    background-color: black
}

#blockblack6{
    background-color: black
}
#blockblack7{
    background-color: black
}