Abgeschrägte Seitenenden

Hallo zusammen, kriegt man die abgeschrägten Seitenenden wie in dieser Website https://www.andreas-ziegner.de/ mit CSS hin und wenn ja wie?

Der hier verwendete Code

<style> body{ margin:0; padding:0; } div{ margin-top:100px; width: 100%; height:300px; background:red; transform: skewY(10deg); } </style> <div></div>