<div class=cir-1></div>
<div class=cir-2>
<div class=tri-1></div>
</div>
<div class=cir-3>
<div class=tri-2></div>
</div>
<style>
body{
background:#0B2429;
}
.cir-1{
width: 120px;
height: 120px;
background: #F3AC3C;
border-radius:50%;
position:absolute;
top:150px;
left:80px;
}
.cir-2{
width: 120px;
height: 120px;
background: #998235;
border-radius:50%;
position:absolute;
top:90px;
left:140px;
}
.cir-3{
width: 120px;
height: 120px;
background: #F3AC3C;
border-radius:50%;
position:absolute;
top:30px;
right:80px;
}
.tri-1{
width: 65px;
height:60px;
background:#F3AC3C;
position:absolute;
top:60px;
left:-5px;
}
.tri-2{
width: 65px;
height:60px;
background:#998235;
position:absolute;
top:60px;
left:-5px;
}
</style>