#container {
    background-color: rgb(154, 230, 234); margin: 0 auto;
    width: 400px;
    height: 400px;
    position: relative;
    }

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

} 
.circle {
    border-radius: 50%;
}
    #blockorange {
        background-color: rgb(253, 116, 74);
        position: relative;
    };
    #blockYellow {
        background-color: rgb(242, 242, 157);
        position: relative;
    
    }

    #blockRed {
        background-color: rgb(245, 148, 148);
        position: relative;
    
    }

    #blockYellow {
        background-color: rgb(242, 242, 157);
        position: relative;
        }     

    #blockblue {
            background-color: rgb(148, 148, 238);
            position: relative;
        }
.circle1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute; 
}
     #circleLeft {
      background-color: rgb(242, 242, 157);
      bottom: 0; 
     }
.square1 {
        width: 100px;
        height: 100px;
        position: absolute
}
    #squareLeft{
        background-color:rgb(148, 148, 238);
        bottom: 0;
        left: 100px;
  }
.square2 {
    width: 100px;
    height: 100px;
    position: absolute
}
#squareRight{
    background-color: rgb(245, 148, 148);
    bottom: 0;
    right: 100px;
}
.circle2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute; 
}
 #circleRight {
    background-color: rgb(253, 116, 74);
    bottom: 0; 
    right: 0;
}