<p><p a><p b><p c>
<style>
* {
background: #191919;
}
p {
width: 100px;
height: 50px;
border-radius: 200px 200px 0 0;
position: absolute;
background: #F9E492;
left: 100px;
top: 84px;
}
[a], [c] {
background: #4F77FF;
}
[a] {
transform: rotate(0.25turn);
left: 175px;
top: 59px;
}
[b] {
transform: rotate(0.5turn);
left: 200px;
top: 134px;
}
[c] {
transform: rotate(0.75turn);
left: 125px;
top: 159px;
}
</style>
