title: Make circle big while preserving circle like shape (css)
body: <p>so I have a circle in html and css, and it looks like when I make it too big, it starts becoming a weird blob.
  How would I make it big, and yet still preserve the circle like shape?</p>
  
  <p>Thanks!</p>
  
  <p>Here is the jsfiddle:
  <a href="http://jsfiddle.net/aritro33/bUqNA/" rel="nofollow">http://jsfiddle.net/aritro33/bUqNA/</a></p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div id = "circle"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>#circle{
      height: 300px;
      width: 300px;
      background-color: red;
      border-radius: 100px;
  }
  </code></pre>