<div class="slice-1 or"></div>
<div class="slice-2 white"></div>
<div class="slice-3 or"></div>
<div class="slice-4 white"></div>
<div class="slice-5 or"></div>
<div class="slice-6 white"></div>
<div class="slice-7 or"></div>
<div class="slice-8 white"></div>
<div class="slice-9 or"></div>
<div class="slice-10 white"></div>
<div class="slice-11 or"></div>
<div class="slice-12 white"></div>
<style>
body{
background:#5C434C}
.white{
width: 80px;
height: 80px;
background: #F5D6B4;
border-top-left-radius:150px;
position:absolute;
}
.or{
width: 80px;
height: 80px;
background: #F09462;
border-top-left-radius:150px;
position:absolute;
}
.slice-1{
left:10px;
top:10px;
}
.slice-2{
left:110px;
top:10px;
}
.slice-3{
left:210px;
top:10px;
}
.slice-4{
left:310px;
top:10px;
}
.slice-5{
left:310px;
top:110px;
}
.slice-6{
left:210px;
top:110px;
}
.slice-7{
left:110px;
top:110px;
}
.slice-8{
left:10px;
top:110px;
}
.slice-9{
left:10px;
top:210px;
}
.slice-10{
left:110px;
top:210px;
}
.slice-11{
left:210px;
top:210px;
}
.slice-12{
left:310px;
top:210px;
}
</style>
