1-4. Ups n Downs

<div id='item1'></div>
<div id='item2'></div>
<div id='item3'></div>
<style>
*{
    margin: 0;
    padding:0;
    background:#62306D;
  }
  
  body{
    width:400px;
    height:300px;
    position:relative;
    padding:50px;
  }
  div {
	background: #F7EC7D;
  }
  
  #item1{
    position:absolute;
    width:100px;
    height:100px;
    border-radius: 0 0 50% 50%;
    top:150px;
  }
  #item2{
    position:absolute;
    width:100px;
    height:100px;
    border-radius:50% 50% 0 0 ;
    left:150px;
  }