Q:

Css semicirlce shape for footer

Hi I'm trying to make that shape using css:
Semi cercle for footer section
(The circle its bigger than the screen, that's also a problem I think)
I have something similar using borders but it's not a perfect circle... Do you guys know any way to make it? 

#footer {
  height: 500px;
  background-color: black;
}

#inner_circle {
  position: relative;
  content: '';
  background-color: white;
  height: 350px;
  width: 100%;
  -webkit-border-radius: 0px 0px 200px 200px;
}

#footer-stuff {
  position: relative;
}
<div id="footer">
  <div id="inner_circle">
  <div>
  <div id="footer-stuff">
  <div>
<div>

A:

You can use a radial-gradiant

div {
  width: 800px;
  height: 400px;
  background: radial-gradient(100% 200% at 50% 0, red 49%, black 51%);
}
<div></div>

