battle6

<div a></div>
<div b></div>
<div c></div>
<style>
  body{
    background: #E3516E;
    display:grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-content: center;
  }
  div{
    width:100px;
    height:100px;
  }
  div[a]{
    background:#51B5A9;
    border-radius: 100% 0% 0% 0%;
  }
  div[b]{
    background:#FADE8B;
    border-radius: 0% 100% 0% 0%;
  }
  div[c]{
    background:#F7F3D7;
    border-radius: 0% 0% 0% 100%;
  }
</style>