.square, .circle {
width: 450px;
height: 450px;
position: absolute;
}
#redtopleft {
background-color: red;
top: 0px;
left: 0px;
}
#redbottomright {
background-color: red;
top: 450px;
left: 450px;
}
#bluetopright {
background-color: #383F83;
top: 450px;
left: 0px;
}
#bluebottomleft {
background-color: #383F83;
top: 0px;
left: 450px;
}
#redsmalltopright {
background-color: red;
width: 120px;
height: 30px;
top: 0px;
left: 625px;
}
#redsmallbottomleft {
background-color: red;
width: 120px;
height: 30px;
top: 870px;
left: 150px;
}
#container {
    background-color: white;
    margin: 0 auto;
    width: 900px;
    height: 450px;
    position: relative;
}