I need to make a div that looks like this:

![skewed top with rounded corners](https://i.stack.imgur.com/GU9SA.png)

With text in the middle in css. I tried looking at transforms and other 3d stuff, but I couldn't figure it out, especially without ruining the text.