#container {
    width: 600px;
    height: 600px;
    background-color: #f2f0e6;
    margin: 0 auto;
    border: 2px solid #333;
    position: relative;
}

.rectangle, .circle {
    position: absolute;
}

.rectangle {
    width: 200px;
    height: 100px;
}

.circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

#rect1 { top: 50px; left: 50px; background-color: #e74c3c; }
#rect2 { top: 200px; left: 150px; background-color: #f1c40f; }
#rect3 { top: 400px; left: 100px; background-color: #e67e22; }

#circle1 { top: 100px; left: 400px; background-color: #1abc9c; }
#circle2 { top: 300px; left: 200px; background-color: #9b59b6; }