title: Ring shaped div
body: <p>Actually I have 2 questions here. I'll explain them as much as I can.</p>
  
  <p>I'm trying to create a ring shaped div. Below is what it should look like.</p>
  
  <p><img src="https://i.stack.imgur.com/zM6eR.jpg" alt="enter image description here"></p>
  
  <p><a href="http://dabblet.com/gist/4571207" rel="nofollow noreferrer">This</a> is what I have done so far. How can I get the slight curve from left bottom corner to the top? And how can I create the <em>inverted</em> curve for the right side?</p>
  
  <p>Thank you.</p>