title: How to draw polygon background with CSS?
body: <p>I have the page which is full of content.</p>
  
  <p>There is a polygon which I want to set as a background for the whole page with color #E0E6E5.</p>
  
  <pre><code>polygon(0 0, 100% 35%, 100% 65%, 0% 100%)
  </code></pre>
  
  <p>How can I do this?</p>
  
  <p>I know that it sounds very simple.
  But I was unable to do it with clip-path which basically cuts off the other half of the page and makes is non-visible.
  A static image is not an option.</p>
  
  <p>Is there any other option that I am missing?</p>