<div class="box-1 "></div>
<div class="box-2 "></div>
<div class="cir-1 com"></div>
<div class="cir-2 com"></div>
<div class="cir-3 com"></div>
<div class="cir-4 com"></div>
<div class="cir-5 sam"></div>
<div class="cir-6 sam"></div>
<style>
body{
background:#62306D;
}
.sam{
width: 20px;
height: 20px;
border-radius:50%;
background:#62306D;
position:absolute;
left:230px;
}
.com{
width: 40px;
height: 40px;
border-radius:50%;
background:#62306D;
position:absolute;
}
.box-1{
width: 140px;
height: 100px;
background: #F7EC7D;
position:absolute;
left:100px;
top:100px;
}
.box-2{
width: 60px;
height: 100px;
background:#E38F66;
position:absolute;
left:240px;
top:100px;
}
.cir-1{
left:80px;
top:80px;
}
.cir-2{
left:80px;
top:180px;
}
.cir-3{
left:280px;
top:180px;
}
.cir-4{
left:280px;
top:80px;
}
.cir-5{
top:90px;
}
.cir-6{
top:190px;
}
</style>
