Can I make a rectagle `div` with a half cut out circle using CSS? The half circle should be transparent and let the background show through.

desired CSS shape :

![square div with a transparent cut out half circle](https://i.stack.imgur.com/twcIO.png)

*HTML :*

```
<div></div>

```

*CSS :*

```
div{
    background : #448CCB;
    width:300px;
    height:300px;
}

```